javascript - 如何在多次点击后禁用按钮

Question

我尝试在用户单击按钮三次后禁用我的按钮，使用以下代码:

var count = 0;
function clickFunc() {
    count += 1;
    var click = document.getElementById('clicks').innerHTML = count;
    var btn = document.querySelector('.btn');
}

if(count >= 3) {

    btn.disabled = true;
}

为什么我的 btn.disabled = true; 语句从未执行？

Answer 1

通过将 if 语句移至 clickFunc() 内，每次单击按钮时都会调用该语句并在当时检查它。编写代码时，尝试在脑海中运行一遍。 If 语句应放置在最有逻辑意义的位置。

var count = 0;
function clickFunc() {
count += 1;
var click = document.getElementById('clicks').innerHTML = count;
var btn = document.querySelector('.btn');

if(count >= 3) 
     btn.disabled = true;
}