JavaScript_よく使われるイベント（onclick,onchange,onmouseover,onmouseout,onkeydown,onload） #JavaScript

onclick:マウスがクリックされたとき
onchange:入力に合わせて動的に表示内容を変えたい場合
onmouseover:マウスのポインタ（カーソル）を要素の上に合わせた時のイベント。
onmouseout:当該要素内に入っていたカーソルが外れたとき
onkeydown:キーを押したとき
onload:ページを読み込みとき

例：

<body>
 <script>
　// onclickテスト
  function displayCurrentTime(){
   var p1 = document.getElementById("test1");
   p1.innerHTML= Date();
  }

  // onchangeイベントテスト
  function onchangeTest(){
   // letとvar
   let textForOnchange = document.getElementById("test2").value;
   document.getElementById("test3").innerHTML= textForOnchange.toUpperCase();
  }
 </script>

 <button onclick="displayCurrentTime()">click here</button>
 <p id="test1">時間表示</p>

 <input id="test2" type="text" size=6 onchange="onchangeTest()" value=""></input>
 <div id="test3"></div>
</body>