Javascript 如果第二次单击按钮，如何减少计数器

我有下面的代码，每次点击一个按钮，它会将其添加到计数器，如下图所示，我试图实现的是，如果第二次点击同一个按钮，它必须减少计数器，当前如果我多次按下一个按钮，它会添加到计数器，我只希望它在第一次单击时添加到计数器，第二次单击时必须减小计数器，我尝试只单击每个按钮一次，如果第二次单击，则必须减小计数器

var计数器=0； 函数计数{ $'notify'.addClassnotification； $notify.htmlcounter； } $'body'。单击，'.btn'，函数E{ 计数器++； 计数 }; .通知{ 位置：绝对位置； 显示：块； 文本对齐：居中； 字体大小：9px； 字号：700； 字母间距：-1px； 宽度：自动； 最小宽度：8px； 高度：9px； 线高：4px； 填充物：5px； 边界半径：50%； 颜色：fff； 盒影：1px 1px 5px 000； 边框：2个实心fff； 背景色：b60000； } 点击我 点击我 点击我 点击我

---

您可以向button添加一些类来存储关于是增加计数器还是减少计数器的状态

我正在添加类增量来实现这一点。请参阅下面的代码

var计数器=0； 函数计数{ $'notify'.addClassnotification； $notify.htmlcounter； } $'body'。单击，'.btn'，函数E{ $this.toggleClassincrement； 如果$this.hasClassincrement 计数器++； 其他的 反;； 计数 }; .通知{ 位置：绝对位置； 显示：块； 文本对齐：居中； 字体大小：9px； 字号：700； 字母间距：-1px； 宽度：自动； 最小宽度：8px； 高度：9px； 线高：4px； 填充物：5px； 边界半径：50%； 颜色：fff； 盒影：1px 1px 5px 000； 边框：2个实心fff； 背景色：b60000； } 点击我 点击我 点击我 点击我

---

实现这一点的最简单方法是在单击的按钮上切换一个类，然后显示具有给定类的按钮数。还要注意，HTML是无效的，因为元素中不能有button元素。下面是一个工作示例：

$'body'。单击，'.btn'，函数E{ $this.toggleClass'active'； $notify.html$'.btn.active'.length； }; .通知{ 位置：绝对位置； 显示：块； 文本对齐：居中； 字体大小：9px； 字号：700； 字母间距：-1px； 宽度：自动； 最小宽度：8px； 高度：9px； 线高：4px； 填充物：5px； 边界半径：50%； 颜色：fff； 盒影：1px 1px 5px 000； 边框：2个实心fff； 背景色：b60000； } .active{color:C00；} 点击我 点击我 点击我 点击我 我使用了一个自定义键_clickCount，它绑定到被单击的特定元素。 通过简单的模块检查%2，您可以检查它是第一次还是第二次被单击

var计数器=0； 函数计数{ $'notify'.addClassnotification； $notify.htmlcounter； } $'body.btn'。单击，函数E{ 如果是，请单击计数{ 点击此按钮。点击计数++； }否则{ 这是。_clickCount=1； }; 如果是，请单击计数%2==0{ 反;； }否则{ 计数器++； } 控制台。记录此操作。\u单击计数； 计数 }; .通知{ 位置：绝对位置； 显示：块； 文本对齐：居中； 字体大小：9px； 字号：700； 字母间距：-1px； 宽度：自动； 最小宽度：8px； 高度：9px； 线高：4px； 填充物：5px； 边界半径：50%； 颜色：fff； 盒影：1px 1px 5px 000； 边框：2个实心fff； 背景色：b60000； } 点击我 点击我 点击我 点击我

---

我不喜欢用一个类来做这件事。类应仅用于将样式应用于元素。为此，我将使用数据，如下所示

var计数器=0； 函数计数{ $'notify'.addClassnotification； $notify.htmlcounter； } $'body'。单击，'.btn'，函数E{ $this.data'increment'，！$this.data'increment'； 如果$this.data'increment' 计数器++； 其他的 反;； 计数 }; .通知{ 位置：绝对位置； 显示：块； 文本对齐：居中； 字体大小：9px； 字号：700； 字母间距：-1px； 宽度：自动； 最小宽度：8px； 高度：9px； 线高：4px； 填充物：5px； 边界半径：50%； 颜色：fff； 盒影：1px 1px 5px 000； 边框：2个实心fff； 背景色：b60000； } 点击我 点击我 点击我 点击我

---

您可以添加额外的类并像这样检查该类

var计数器=0； 函数计数{ $'notify'.addClassnotification； $notify.htmlcounter； } $'body'。单击，'.btn'，函数E{ 如果$this.hasClass“单击”{ $this.removeClass'click'； 反;； 计数 }否则{ 计数器++； $this.addClass'click'； 计数 } //console.logcount 呃； }; .通知{ 位置：绝对位置； 显示：块； 文本对齐：居中； 字体大小：9px； 字号：700； 字母间距：-1px； 宽度：自动； 最小宽度：8px； 高度：9px； 线高：4px； 填充物：5px； 边界半径：50%； 颜色：fff； 盒影：1px 1px 5px 000； 边框：2个实心fff； 背景色：b60000； } 点击我 点击我 点击我 点击我

---

您是否正在尝试构建切换系统？第三次点击应该加一次，第四次点击应该减一次。听起来，当你点击时，计数器总是在0和1之间切换。你有没有想过如何在你的工作中做到这一点。点击，。。。处理程序？只需使用一个标志并将其声明为false，然后在按钮中单击检查其是否为false或true，如果为false，则首先单击，然后执行逻辑并将其更改为true，在接下来的点击中，您可以检查相同的逻辑，如果为true，则执行递减逻辑