ガクセイハッカソン

現役エンジニアが教える!実践JavaScript入門 〜イベント処理〜

2022-09-04 公開

今回扱う内容:イベント処理

イベント処理の基礎を理解しよう。

イベントの使用方法

イベントの使用方法は次の3パターンがあります。

イベントハンドラープロパティ

const btn = document.querySelector("button");
btn.onclick = bgChange;

イベントリスナー

const btn = document.querySelector("button");
btn.addEventListener ("click", bgChange);

まとめ

今回はイベントについて解説しました。次回はDOM操作とイベント処理の実践編を解説します。

関連記事