<body>
  <!-- 这种定义事件的方式不推荐使用 -->
  <button onclick="myEvent()">方式1</button>
  <button id="myEvent2">方式2</button>
  <button id="myEvent3">方式3</button>
  <script>
    // 方式1：
    function myEvent() {
      alert('方式1');
    }
    // 方式2：
    const btn = document.getElementById('myEvent2');
    btn.onclick = function () {
      alert('方式2')
    }
    // 方式3：
    const btn2 = document.getElementById('myEvent3');
    btn2.addEventListener('click', function () {
      alert('方式3')
    });
  </script>
</body>