勉強の進度とここの更新がマッチしなくてすいません。
学習サイトや動画を見てコードを書いて、
自己学習で、試してみようと思うわけです。
試しに、「tdタグ」の背景色を時間で変える。
処理として浮かぶのは、
CSS側に背景色を何個か用意して、それを変数に入れる。
特定時間でカウントして、「カウント数」と「背景色.length」を比較、
カウントは背景色の配列呼び出しとして利用して「背景色、length」より多くなったら
カウントに0を代入してループっておもって書くんです。。。
書いてる途中でどやーってhtmlから取得してくるんだ??とか
html側の「tdタグ」に「class」を指定してCSSで背景を入れるけど
JavaScript側で「class」の指定は?とか。。。。
そーいえば、過去に「作ってみよう」で
「document.getElementById」で取得してたなーと調べ始めると
「DOM」にたどり着くわけです。
結局、「DOM」を学ばないと、JavaScriptに持ってこれないじゃんって
という私の失敗事例でした。
そして、「innerHTML」と「textContet」の違いも学べました。
おすすめとして
HTML、CSS、JavaScriptの配列を学んだ後に「DOM」を学ぶと、
「h1タグ」だけでJavaScriptを使ってテキスト変えたり、色変えたりと
色々試しやすくなります。
というか自分は一気に世界が広がってテンション上がりました。
結局、「querySelectorAll」でタグを配列として取得して利用しようと思った時、
JavaScript側の配列を学ぶ意味はこれだったのかと思うわけです。