javascript - 如何在 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++;
    };
}

其中“coke”是元素 ID。如果我去掉 if 语句而只使用 coke.disabled = true，当然它会在单击后工作并禁用。我确定我缺少一个核心概念。谢谢你

Answer 1

这是因为每次触发 onclick 事件时，您的 var count 都会被分配为 0，因此它永远不会大于或等于 1你的功能。如果您在 onclick 函数之外初始化 count var，它将按预期运行。

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