javascript - 如何使用 if 语句启用按钮？

Question

<script>
    var tic;
    tic = 0;
</script>

 <script>
    var ongngic;
    ongngic = 1;
</script>

<button onclick="alert(tic=tic+ongngic);">Ice Cream</button>
<button id= "b1" onclick="alert(ongngic=ongngic+1, tic=tic-10);" disabled="disabled">Buy 'Jimmy's Ice Cream Stand' - 10 Ice Cream</button>

<script>
    function myFunction() {
        document.getElementById("b1").enabled = true;
    }
</script>

<script>
    if(var tic > 9){
        myFunction();
    }
</script>

当我点击“冰淇淋”按钮 10 次时，id = 1 按钮应该启用，但没有启用。谁能帮我吗？

Answer 1

您的代码存在一些问题。

首先删除 if 语句中的 var，您只是再次声明该变量。

脚本标记中的代码在页面加载时运行，因此 if 语句仅检查一次。相反，每次单击按钮时都会运行一个函数。

<button onclick="iceCreamButton();">Ice Cream</button>

function iceCreamButton(){
    alert(tic=tic+ongngic);

    if(tic > 9){
        myFunction();
    }
}

此外，myFunction 中的代码不正确，请将其更改为:

document.getElementById("b1").disabled  = false;