JavaScript：让网页回应你

用变量记录信息

const 用于声明不再重新赋值的变量，let 用于需要重新赋值的变量。字符串表示文字，数字用于计算，布尔值表示真或假。先给变量起一个清晰的名字，比写出复杂表达式更重要。

const learner = '小林';
let completed = 0;
completed = completed + 1;
console.log(learner, completed);

回应一次点击

浏览器会把点击、输入和键盘操作作为事件。找到元素后，用 addEventListener 注册一个处理函数。使用 textContent 更新纯文字，避免把不可信内容当作 HTML 插入。

const button = document.querySelector('#hello');
button.addEventListener('click', () => {
  button.textContent = '很高兴见到你！';
});

把进度留在浏览器里

localStorage 可以在同一个浏览器中保存少量文字数据，刷新页面后仍然保留。它不是数据库，也不会在不同设备间同步。不要用它保存密码、令牌等敏感信息；本网站仅用它记录课程学习进度。