JavaScript事件是浏览器自动发出的信号，如click；用addEventListener绑定可多次添加且不覆盖，需确保DOM加载完成后再执行，事件对象提供target、clientX/Y等属性，支持事件委托和冒泡控制。
JavaScript 事件不是“要学的概念”，而是你点击按钮时浏览器自动发出的信号——click 就是最典型的一个。处理它不靠“注册流程”，靠的是告诉浏览器：“等这个信号一来，就执行这段代码”。
怎么给按钮绑 click 事件？用 addEventListener 而不是 onclick
直接写 button.onclick = handler 看似简单，但会覆盖之前绑定的同类型事件；而 addEventListener 支持多次绑定、可移除、语义清晰。
-
addEventListener第一个参数是字符串事件名（如"click"），注意加引号 - 第二个参数是函数，可以是具名函数、匿名函数或箭头函数（但箭头函数内
this不指向元素） - 避免在循环里反复赋值
onclick，容易只生效最后一次
const btn = document.querySelector('#my-btn');
btn.addEventListener('click', function() {
console.log('按钮被点了');
});
为什么点不了？常见 DOM 加载时机问题
如果脚本在 标签前执行，querySelector 拿到的是 null，后续 addEventListener 会报错：Cannot read property 'addEventListener' of null。
- 把
放在 HTML 底部（
