Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 创建一个多按钮唯一点击计数器_Javascript_Html_Counter - Fatal编程技术网

Javascript 创建一个多按钮唯一点击计数器

Javascript 创建一个多按钮唯一点击计数器,javascript,html,counter,Javascript,Html,Counter,我希望在一个页面上有几个按钮,当点击时,将一个+1添加到一个总计数器。但我希望这个点击效果是独一无二的:每个按钮只添加最大值+1 我想到了这个代码,但无法使它工作。问题似乎在于为nbbutton[y]分配新值时。你有什么建议吗 非常感谢 var button=document.getElementsByClassName(“clickme”); var idbutton=document.getElementById(“idbutton”); 变量nbbutton=[0,1,2,3,4]; 计

我希望在一个页面上有几个按钮,当点击时,将一个+1添加到一个总计数器。但我希望这个点击效果是独一无二的:每个按钮只添加最大值+1

我想到了这个代码,但无法使它工作。问题似乎在于为nbbutton[y]分配新值时。你有什么建议吗

非常感谢

var button=document.getElementsByClassName(“clickme”);
var idbutton=document.getElementById(“idbutton”);
变量nbbutton=[0,1,2,3,4];
计数=0;
对于(var y=0;y您可以使用for按钮元素:

const ELS_button=document.queryselectoral(“.clickme”);
const EL_counter=document.querySelector(“#counter”);
让计数=0;
常量递增计数=(ev)=>{
计数+=1;
ev.currentTarget.disabled=true;//使按钮禁用
EL_counter.textContent=计数;
};
ELS_按钮。forEach(el=>{
el.addEventListener(“单击”,递增计数);
});
点击我
也点击我

Total unique click:0
在继续并递增计数器之前,您可以切换一个类并检查它是否存在,这只是向现有代码中添加几行代码,而不是重写它

var button=document.getElementsByClassName(“clickme”);
var idbutton=document.getElementById(“idbutton”);
变量nbbutton=[0,1,2,3,4];
计数=0;
对于(变量y=0;y
正文{
保证金:0;
填充:0;
字体系列:“Lato”,无衬线;
字号:20pt;
字体大小:正常;
背景:浅蓝色;
/*对于不支持渐变的浏览器*/
背景:-webkit线性梯度(-90度,浅蓝色,黑色);
/*适用于Safari 5.1至6.0*/
背景:-o-线性梯度(-90度,浅蓝色,黑色);
/*歌剧11.1至12.0*/
背景:-moz线性梯度(-90度,浅蓝色,黑色);
/*适用于Firefox 3.6至15*/
背景:线性梯度(-90度,浅蓝色,黑色);
/*标准语法*/
}
梅因先生{
保证金:100像素自动;
文本对齐:居中;
}
钮扣{
填充:20px;
背景:透明;
文本阴影:1px 1px 1px#202020;
字体系列:“Lato”,无衬线;
字号:18pt;
边框:1px纯色浅蓝色;
颜色:浅蓝色;
}

点击计数器
点击我
也点击我
唯一单击总数:0
良好实践:HTML中没有JavaScript代码

谢谢!但是我不需要禁用按钮,因为我需要它们来执行其他操作。伊斯兰教的答案最适合我的回答case@Naga更新了另一个示例-非常简单:)