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

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 函数，该函数利用“事件”参数来选择要增加的适当计数器。

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;

希望这有帮助!