GENERAL TRACK

ページをインタラクティブにする

JavaScript を使って、ページにボタンやカウンター、動的な動きを追加しましょう。

これまで、あなたのページは静的でした——コンテンツは表示されますが、操作しても何も変わりません。JavaScript は、ページに命を吹き込むものです。クリックを聞き取り、テキストを更新し、要素を隠したり表示したりして、ユーザーの行動に反応する「頭脳」です。

HTML

骨格——ページにどんなコンテンツが表示されるか

CSS

見た目——コンテンツがどう見えるか（色、余白、フォント）

JavaScript

頭脳——ページがどう振る舞い、ユーザーに反応するか

AI でインタラクティブな機能をコーディングするとき、AI はこの3つを組み合わせます。あなたの指示が「クリック数を数えるボタンを追加して」だとしたら、AI は HTML（ボタン）、CSS（見た目）、JavaScript（クリック時の動作）を一度にまとめて書きます。