クリックに反応する

JavaScriptでWebページを動かす / 全 5 枚

JavaScriptでWebページを動かす - クリックに反応する

押されたときにだけ動かす

プロフィールサイトのダークモード切替ボタンは、押されるまで何もしません。こういう処理は、上から順に走らせるのではなく「押されたら呼んでほしい」とブラウザに預けておきます。預ける道具が addEventListener です。

呼ぶ時刻を決めるのはブラウザです。こちらは「これを呼んで」と渡すだけになります。

押されたときに呼んでほしい関数を、名前で預けています。

const button = document.querySelector("#theme-button");
button.addEventListener("click", switchTheme);

1 / 5

← → キーでも送れます