如何在js中点击x次后禁用按钮？

Question

我试图使用Javascript在点击x次后禁用按钮.为简单起见,我们现在说x = 2.我似乎无法让计数器增加.感谢您的任何帮助!

var $ = function (id) {
    return document.getElementById(id);
}

window.onload = function () {
    coke.onclick = function(){
        var count =0;
        if (count >= 1)
        {
            coke.disabled = true;
        }
        else
            count++;
    };
}

其中"可乐"是元素ID.如果我摆脱if声明只是有coke.disabled = true,当然它可以工作,并在一次单击后禁用.我确信我缺少一个核心概念.谢谢

Answer 1

发生这种情况是因为每次onclick触发事件时,都会将您var count指定为0,因此它在函数中永远不会大于或等于1.如果count在onclick函数外部初始化var ,它将按预期运行.

window.onload = function () {
   var count = 0;
   coke.onclick = function(){
       if (count >= 1)
       {
           coke.disabled = true;
       }
       else
           count++;
   };
}