JavaScriptでクリックイベントを追加する方法

📌

結論

addEventListener('click', 関数) でクリックイベントを追加

📝 実際のコードはこちら

document.getElementById('btn').addEventListener('click', () => {
  alert('クリックされました！');
});

まとめ

・addEventListener でイベントを登録・第1引数がイベント名、第2引数がコールバック関数・click, input, submit など多数

ボタンにクリックイベントを追加してみましょう。

🧪 ここで試せます ─ 壊しても大丈夫！

下のエディタで実際にコードを書いて、すぐにプレビューで確認できます。何度でもやり直せるので、思い切って色々試してみてください。

■ 演習

idがbtnのボタンがクリックされたら、console.logでクリック！と出力してください。

詰まったらヒント

addEventListener('click', () => { ... })