JavaScript是网页交互逻辑引擎，通过addEventListener绑定事件、防抖优化输入验证、fetch处理网络请求及DOM操作调度实现丝滑体验。
JavaScript 不是一种“网页装饰语言”，它是让网页真正活起来的运行时逻辑引擎。没有它，表单不能实时校验、按钮点击没反馈、页面切换要整页刷新——你看到的所有丝滑交互，几乎都依赖它在浏览器里即时执行。
JavaScript 怎么让按钮点击有反应？
核心是绑定事件监听器，而不是靠 HTML 的 onclick 属性硬编码。现代写法用 addEventListener()，解耦逻辑与结构，也支持多次绑定同一事件：
const btn = document.getElementById('submit-btn');
btn.addEventListener('click', function() {
if (document.getElementById('email').value.includes('@')) {
alert('格式正确');
} else {
alert('邮箱格式错误');
}
});
-
addEventListener()允许为同一个元素添加多个同类型监听器；onclick = ...会覆盖之前设置的 - 事件回调中访问 DOM 要确保元素已加载，常见做法是把脚本放在
