- -pv
スレッドの閲覧状況:
現在、- がスレを見ています。
これまでに合計 - 表示されました。
※PC・スマホの表示回数をカウントしてます。
※24時間表示がないスレのPVはリセットされます。

カードゲーム作ったを遊ぶためのサイト作成スレ2

1CGTT◆A1n7gQX4UY:2016/02/27(土)23:24:24 ID:xI8()
その2ですー
前スレ
http://toro.open2ch.net/test/read.cgi/hp/1455450071/l10
341名無しさん@おーぷん :2017/08/03(木)07:21:34 ID:PXr
var cardNode=templateNode.cloneNode(true);

cloneNodeはElementのメソッドで、要素を複製する
引数にtrueを渡すと、子孫要素まで複製するようになる

ここでは、templateNodeを雛形としてHTML側で作っておいて、
それを取得、複製することでカードの要素を作るようにしている
342名無しさん@おーぷん :2017/08/03(木)07:24:14 ID:PXr
document.body.appendChild(cardNode);

appendChildはElementのメソッドで、要素を別の要素に追加するメソッド
上の例では、document.bodyに、新しく作ったcardNodeを追加している
343名無しさん@おーぷん :2017/08/03(木)07:29:50 ID:PXr
JavaScriptでわからないものがあるときは、まず「MDN 単語」で調べてみるのがおすすめ

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Object_initializer
https://developer.mozilla.org/ja/docs/Web/API/Document/querySelector
https://developer.mozilla.org/ja/docs/Web/API/Node.cloneNode
https://developer.mozilla.org/ja/docs/Web/API/Node/appendChild
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

MDNの記事が読めるようになれば、JavaScriptの勉強がかなり楽になる
344名無しさん@おーぷん :2017/08/03(木)07:32:19 ID:PXr
あと、カード一覧を出力するプログラムを、実際に動かしてみてね
そのためには、HTMLをちゃんと書かなきゃいけないんだけど、プログラムを理解できれば書けるはずだから
345名無しさん@おーぷん :2017/08/03(木)07:43:11 ID:PXr
textContentの説明を忘れてた

cardNode.querySelector('.name').textContent=card.name;

textContentは、Elementのプロパティで、これを使うとテキストを書き換えられる
上の例だと、先ほど説明したquerySelectorを使って要素を取得して、そのテキストをcard.nameにしてる
346CGTT◆A1n7gQX4UY :2017/08/06(日)10:56:23 ID:FYV
詳しく解説してくださってありがとうございます
ただ、オブジェクト指向というものは難しいですね
自分もHTMLとCSSとjavascriptの基礎を読み返しながら、
一つ一つ理解していきたいと思っていますが、時間がかかってしまったら申し訳ないです
347名無しさん@おーぷん :2017/08/09(水)06:10:36 ID:pln
久し振りのJavaScriptにしては重めの内容だったかなw
HTMLとCSSも少し混じってるしな
ざっくりとした説明しかしてないから、よくわからないところは質問してね

HTMLを書く部分はどこまでできたかな
できた分までここに書いてみて
348名無しさん@おーぷん :2017/08/10(木)07:09:09 ID:jmP
そういえば、カードのデザインは考えてある?
>>290みたいに簡単な感じでいいんだけど
349名無しさん@おーぷん :2017/08/11(金)06:44:52 ID:CAd
ブラウザは何使ってる?
OSがWindows 10なら、標準はMicrosoft Edgeだけど
350名無しさん@おーぷん :2018/03/30(金)09:54:09 ID:ZON
今年も復活するかな

新着レスの表示 | ここまで読んだ

名前: mail:





カードゲーム作ったを遊ぶためのサイト作成スレ2
CRITEO