如何使用javascript制作多个计数器？

我想使用多个计数器进行迷你投票。 你可以看到我是一个按钮一个计数器做的。是否可以通过一个或两个功能使其成为多个计数器？然后我喜欢使用JavaScript来实现它。 谢谢

var btn1=document.getElementById（“btn1”）；
var counter1=document.getElementById（“btn1计数器”）；
counter1.innerHTML=0；
btn1.onclick=函数（）
{
计数器1.innerHTML++；
};
var btn2=document.getElementById（“btn2”）；
var counter2=document.getElementById（“btn2计数器”）；
counter2.innerHTML=0；
btn2.onclick=函数（）
{
counter2.innerHTML++；
};

您可以创建一个通用javascript函数，该函数利用“事件”参数选择适当的计数器来增加

var inc_counter = function(event){
    let id = event.target.id;
    var counter = document.getElementById(id + "-counter");
    counter.innerHTML++;
}
var btn1 = document.getElementById("btn1");
var counter1 = document.getElementById("btn1-counter");
btn1.onclick=inc_counter;
counter1.innerHTML = 0;

var btn2 = document.getElementById("btn2");
var counter2 = document.getElementById("btn2-counter");
btn2.onclick = inc_counter;

---

希望这有帮助

您可以创建一个通用javascript函数，该函数利用“event”参数选择适当的计数器来增加

var inc_counter = function(event){
    let id = event.target.id;
    var counter = document.getElementById(id + "-counter");
    counter.innerHTML++;
}
var btn1 = document.getElementById("btn1");
var counter1 = document.getElementById("btn1-counter");
btn1.onclick=inc_counter;
counter1.innerHTML = 0;

var btn2 = document.getElementById("btn2");
var counter2 = document.getElementById("btn2-counter");
btn2.onclick = inc_counter;

---

希望这有帮助

我可能有误解，但为什么不写以下内容： 除非您需要计数器在不同时间递增。此时，您可能必须将事件侦听器分开

var btn = document.getElementById("btn1");
var counter1 = document.getElementById("btn1-counter");
var counter2 = document.getElementById("btn2-counter");
counter1.innerHTML=0;
counter2.innerHTML=0;

function count(){
counter1.innerHTML++;
counter2.innerHTML++;
}
btn.addEventListener(count,false);

---

我可能有误解，但为什么不写以下内容： 除非您需要计数器在不同时间递增。此时，您可能必须将事件侦听器分开

var btn = document.getElementById("btn1");
var counter1 = document.getElementById("btn1-counter");
var counter2 = document.getElementById("btn2-counter");
counter1.innerHTML=0;
counter2.innerHTML=0;

function count(){
counter1.innerHTML++;
counter2.innerHTML++;
}
btn.addEventListener(count,false);

---

查看您使用此JS影响的HTML标记可能会有所帮助。查看您使用此JS影响的HTML标记可能会有所帮助。耶，是的！非常感谢你！！耶，是的！非常感谢你！！