ガクセイハッカソン

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

2022-09-04 公開

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

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

イベントの使用方法

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

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

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

イベントリスナー

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

まとめ

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

動画でも学べる「ITぷらす」

この記事の内容に関連する解説動画を、ガクセイハッカソンの YouTube チャンネルで公開しています。

チャンネルを見るチャンネル登録

関連記事