dom_dom0500_001

クリックイベントを登録する正しい方法はどれですか？

[ javascript ]

const btn = document.getElementById("myBtn");
  1. btn.onclick(“click”, function() { alert(“Hello”); });
  2. btn.addEventListener(“click”, function() { alert(“Hello”); });
  3. btn.clickEvent(function() { alert(“Hello”); });
  4. btn.on(“click”, function() { alert(“Hello”); });
正解
  1. btn.addEventListener(“click”, function() { alert(“Hello”); });
解説

addEventListener(“イベント名”, 関数)が正しい登録方法です。onclickはプロパティに直接代入できますが、引数でイベント名を渡すことはできません。

使用例（サンプルコード）

[ javascript ]

const btn = document.getElementById("myBtn");
btn.addEventListener("click", () => {
  alert("ボタンがクリックされました");
});