JavaScript addEventListenerの使い方
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
document.getElementById(“セレクターID名").addEventListener('click’,function(){処理コード})
1.選択した要素の取得
document.getElementById(“セレクターID名")
2.addEventListenerイベントの登録
変数名.addEventListener('click’,function(){処理コード}
使用例
<!DOCTYPE html>
<html>
<body>
<button id="cft">表示</button>
<script>
document.getElementById("cft").addEventListener('click',function(){
alert("tokyo");
})
</script>
</body>
</html>
実行結果
「表示」ボタンを押すと、「tokyo」が表示されます。