核心知识
最小交互闭环
找到元素、监听事件、更新状态,是最小的前端交互模型。
- querySelector 找到目标
- addEventListener 注册处理器
- textContent 安全更新文字
const button = document.querySelector('#hello');
const result = document.querySelector('#result');
button.addEventListener('click', () => {
result.textContent = '浏览器已执行 JavaScript';
});