注册事件两种的方法

1. 传统方式注册事件

后面注册的事件会覆盖之前的。

<script>
        let btns = document.querySelector('button');  
        btn.onclick = function() {
            alert('123');
        }
        btn.onclick = function() {
                alert('456');
        }
</script>

3. 事件侦听注册事件 addEventListener
   (1) 里面的事件类型是字符串 必定加引号 而且不带on
   (2) 同一个元素 同一个事件可以添加多个侦听器（事件处理程序）
   不会被覆盖。

<script>
           
        btn.addEventListener('click', function() {
            alert('122');
        })
        btn.addEventListener('click', function() {
            alert('456');
        })
</script>