JavaScript是实现网页交互、实时数据更新和动态图形的唯一通用方式；它通过addEventListener处理事件、fetch进行异步请求、Canvas绘制动画，且必须遵循浏览器单线程与事件循环等约束。
JavaScript 不是“需要”才用，而是网页动起来、用户能交互、数据能实时更新的唯一通用方式——没有它，现代网站基本是张静态海报。
让按钮点击后立刻变颜色或弹出提示
这是最基础但最典型的交互场景。HTML 只负责结构，CSS 负责样式，但“点击→响应”这个动作必须靠 JavaScript 完成。
常见错误是直接在 HTML 里写 onclick="alert('hi')"，看似能用，但一来逻辑和结构混在一起难维护，二来无法复用或动态绑定。
推荐做法是用 addEventListener 分离关注点：
const btn = document.querySelector('#my-btn');
btn.addEventListener('click', () => {
btn.style.backgr
oundColor = 'blue';
alert('已触发');
});
- 必须等 DOM 加载完再执行，否则
document.querySelector找不到元素（可放标签在
