JavaScriptでHTMLを動かす仕組みが少し理解できた日✨

今日はJavaScriptの学習を進めました✨

昨日に引き続き、

「HTMLをJavaScriptで操作する流れ」について理解を深めています。

具体的には、

・HTML要素を取得する（getElementById）

・クリックイベントをつける（addEventListener）

・要素を新しく作る（createElement）

・テキストを入れる（textContent）

・親要素に追加する（appendChild）

といった一連の流れを学習しました。

最初は「何がどこに繋がっているのか」が分からず混乱しましたが、

「JavaScriptでHTMLを取得してから操作する」という流れが見えてきて、

少しずつ理解できるようになってきました✨

また、フォームに入力された値を取得する方法も学び、

実際に動きのある処理ができるようになってきたのが楽しかったです！

まだまだ理解が浅い部分もありますが、

一つずつ積み重ねていきたいと思います☺️