HTML+JavaScriptで、要素のイベントへの関数登録の方法は、主に以下の3つです。 1. 要素タグのなかに属性(onclick="〜"等)を直接記述する。 【例】 <button onclick="alert('!');">TEST</button> 2. 要素オブジェクトのプロパティへ関数を設定する。 【例】 <button id="test">TEST</button> <script> function func(){ alert("!"); } var elem = document.getElementById("test"); elem.onclick = func; </script> 3. 要素オブジェクトのaddEventListenerメソッドまたはattachEventメソッドを使用する。 【例】 <button id="test">TEST</button>