第 11 课 8 / 17 | 编码:L11-12
核心知识

最小交互闭环

找到元素、监听事件、更新状态,是最小的前端交互模型。

  • querySelector 找到目标
  • addEventListener 注册处理器
  • textContent 安全更新文字
const button = document.querySelector('#hello');
const result = document.querySelector('#result');
button.addEventListener('click', () => {
  result.textContent = '浏览器已执行 JavaScript';
});