javascript - 禁用按钮，直到达到一个数字

Question

所以我有一个代码，所以当我按下一个按钮时，一个数字就会上升。 这是 html:

<button type="button" class="btn btn-default" onclick="javascript:btnClick()">+1</button>

这是 JavaScript:

 function btnClick(){
timesClicked += 1;
    document.getElementById('timesClicked').innerHTML = timesClicked;
return true 
}

所以我有一个带有 +1 的按钮，所以当我按下它时，数字会上升 我需要一个禁用的按钮，例如该数字达到 5 然后变为可点击，这可能吗？我还在学习 Javascript， 感谢所有帮助。

Answer 1

如果该按钮被禁用，用户将无法与其交互。 尝试以下操作

window.onload=function() {
    var count =0;
    document.getElementById("btn").addEventListener("click", function() {
        
      count++;
      if(count === 5) {
         this.innerHTML = "5 clicks reached!";
      }
  });
    };

<button id="btn">Click</button>