You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何实现人数统计应用中计数器的总增量展示?

解决方案

要实现展示累计总增量,你需要新增一个变量存储累计总数,而非每次追加单次统计记录。修改后的代码如下:

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.07 14:25:34