如何在地铁人数统计应用中添加并显示累计总人数？

要实现累计总人数的展示，你需要新增一个变量追踪累计总数，并在每次保存时更新该数值。以下是修改后的代码及说明：

修改后的JavaScript代码 #

let countEl = document.getElementById('count-el');
let totalEl = document.getElementById('total'); // 获取总人数展示元素
let count = 0;
let total = 0; // 新增累计总人数变量

function increment() {
  count += 1;
  countEl.textContent = count;
}

function save() {
  let saveEl = document.getElementById('save-el');
  let previousEntry = count + ' - ';
  saveEl.textContent += ' ' + previousEntry;

  // 更新累计总人数并展示
  total += count;
  totalEl.textContent = `Total: ${total}`;

  // 重置当前单次计数
  countEl.textContent = 0;
  count = 0;
}

关键修改点 #

• 新增total变量存储累计总人数，初始值设为0
• 获取页面上的total元素，用于实时展示累计结果
• 在save函数中，将当前单次计数count累加到total，并同步更新页面显示
• 修正变量名Save为saveEl（遵循JS驼峰命名规范）

额外小修正（可选） #

你的CSS代码中存在拼写错误：rbg(113, 255, 005)应改为rgb(113, 255, 5)，该错误不影响功能，但修正后可避免样式解析问题。

修改完成后，每次点击保存按钮时，当前进站人数会被累加到总人数中，并在页面的Total段落实时更新累计结果。

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