如何实现人数统计应用中计数器的总增量展示?
解决方案
要实现展示累计总增量,你需要新增一个变量存储累计总数,而非每次追加单次统计记录。修改后的代码如下:
let saveEl = document.getElementById("save-el") let countEl = document.getElementById("count-el") let count = 0 // 新增累计总数变量,初始化为0 let totalCount = 0 function counter() { count += 1 countEl.textContent = count } function save() { // 将当前统计数累加到总增量中 totalCount += count // 更新展示内容为累计总增量 saveEl.textContent = `累计总增量:${totalCount}` // 重置当前计数 countEl.textContent = 0 count = 0 }
关键改动说明:
- 新增
totalCount变量用于持久存储累计的总人数增量,初始值为0 - 保存时不再追加单次记录字符串,而是把当前
count加到totalCount后,直接更新saveEl的文本为累计总数值 - 保留原有重置当前计数的逻辑,不影响单次统计的操作流程
内容的提问来源于stack exchange,提问作者Rogeriomanoelrm
相关产品推荐
相关产品推荐

