这个使用js的计数器代码有什么问题

Question

计数器没有正确响应，当我在单击减少按钮时运行此代码时，计数器显示 1 并在控制台中返回 -1。再次点击它会继续记录 0.

const dec=document.getElementsByClassName("btn")[0];
const res=document.getElementsByClassName("btn")[1];
const inc=document.getElementsByClassName("btn")[2];
dec.addEventListener("click", decr);
dec.addEventListener("click", rese);
dec.addEventListener("click", incr);
var num=0;
function decr(){
  num=num-1;
  document.getElementById("count").innerHTML=num;
}
function rese(){
  num=0;
  document.getElementById("count").innerHTML=num;
}
function incr(){
  num=num+1;
  document.getElementById("count").innerHTML=num;
}

这就是我所做的

Answer 1

您没有向 res 或 inc 添加事件侦听器：

dec.addEventListener("click", decr);
dec.addEventListener("click", rese);
dec.addEventListener("click", incr);

应该是

dec.addEventListener("click", decr);
res.addEventListener("click", rese);
inc.addEventListener("click", incr);