イベントハンドラをHTMLから分離して記述する

PC上で「ボタンをクリックした」、「フォームを送信した」などのイベントが起きた時に、JavaScriptでそのイベントに対して行う処理のこと。

HTML内にイベントハンドラを記述するとなると、以下の様な記述の仕方がある。

コードの可読性、維持のしやすさなどを考慮して、
このイベントハンドラをJavaScript部分に書くことで、HTMLから分離してみる。

同一の要素、同一のイベントに対して、複数のイベントハンドラをセットすることができない。
もし複数セットした場合、後に書いたものが前に書いたものを上書きして、後に書いたイベントハンドラだけが実行されてしまう。

イベントリスナーを使った方が良さそう！