JavaScript中如何让点击计数器在点击保存后重新从0开始计数

• 仅修改了DOM节点的显示数值，没有同步更新存储计数的全局变量count，后续计数逻辑仍基于旧值运算
• 初始count赋值为1，和页面初始展示的0不一致，逻辑容易产生混淆

调整JavaScript代码如下即可实现需求：

let count = 0;

function increment() {
  console.log("The button was clicked");
  count += 1;
  document.getElementById("count-el").innerText = count;
}
function save() {
  document.getElementById("save-btn").innerText = count;
  document.getElementById("count-el").innerText = 0;
  // 新增全局计数变量重置逻辑
  count = 0;
}

核心修改点 #

1. 调整count初始值为0，和页面初始显示值保持一致
2. 调整increment函数逻辑，先累加计数再更新页面展示，符合常规逻辑顺序
3. 在save函数末尾新增count = 0，重置全局计数变量，确保后续计数从0开始
4. 同步修改save函数中保存的数值为当前count，不需要再减1，逻辑更直观

内容的提问来源于stack exchange，提问作者Ismoiljon Komilov