「JavaScript」イベントハンドラに関数を登録するサンプル
環境
Google Chrome 105.0.5195.127
Windows 10 Home 64bit
構文
const 変数名 = document.getElementById(セレクター名);
変数名.onclick =関数名
クリックした時、イベントハンドラに関数を登録します。
使用例
<!DOCTYPE html>
<html>
<body>
<div id="cft">文字をクリックして下さい</div>
<script>
//関数funAの定義
function funA() {
alert("test 123");
}
//getElementByIdメソッドでidセレクタ「cft」を指定
const tt = document.getElementById("cft");
//関数のfunAをイベントハンドラに登録
tt.onclick=funA;
</script>
</body>
</html>
実行結果
div要素「cft」をクリックすると，
「test 123」というメッセージが表示されます。