原生js的事件绑定

第一种

  <button id="btn1">按钮1</button>
  <script>
    const btn1 = document.getElementById('btn1')
    btn1.addEventListener('click', () => {
      alert('按钮1被点击了')
    })
  </script>

第二种

  <button id="btn2">按钮2</button>
  <script>
    const btn2 = document.getElementById('btn2')
    btn2.onclick = () => {
      alert('按钮2被点击了')
    }
  </script>

第三种

  <button onclick="demo()">按钮3</button>
  <script>
    function demo() {
      alert('按钮3被点击了')
    }
  </script>

欢迎留言补充！!!