Question

我想使用多个计数器进行小型民意调查。您可以看到我通过单个计数器将其设为单个按钮。是否可以通过一个或两个功能使其成为多个计数器？然后我喜欢使用JavaScript。感谢。

<script type="text/javascript">

 var btn1 = document.getElementById("btn1");
 var counter1 = document.getElementById("btn1-counter");

 counter1.innerHTML = 0;
 btn1.onclick = function()
 {
    counter1.innerHTML++;
 };

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

 counter2.innerHTML = 0;
 btn2.onclick = function()
 {
    counter2.innerHTML++;
 };
</script>

Answer 1

你可以创建一个通用的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;

希望这有帮助！

Answer 2

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

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);

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

2 个答案: