我正在尝试满足特定条件后“启用”禁用的按钮。有麻烦

问题描述 投票:0回答:1

我的HTML对于特定按钮看起来像这样:

' <h1 class = "counter">0</h1>

减少计数”

[在javascript中,我将一个const变量用作查询选择器来调用HTML元素按钮。还可以将计数器从HTML代码中的类转换为变量。我的愿望是,一旦我按照教程制作了计数器,禁用的按钮就变成活动的按钮,从0开始增加。当它返回0时,问题中的按钮又被禁用。

代码的github链接如下:https://github.com/Abdullah-Ijaz/Counter

JAVASCRIPT:

let counter = document.querySelector('.counter');

const button = document.querySelector('button');

function ableButton(){ 
if (counter.innerHTML === 0) {
    button.disabled = true;
}
else if (counter.innerHTML > 0) {
    button.disabled = false;
}

}

我看到该函数已完成,但我想我只是不以某种方式调用该函数。我非常感谢您的帮助。

javascript html button javascript-events disabled-control
1个回答
0
投票

您可以在其余逻辑之后在incrementCounterdecrementCounter函数中调用函数。

此外,您在这两个函数中的条件是将字符串与'0'进行比较。

为什么不使用计数变量并比较数字if (count > 0)

© www.soinside.com 2019 - 2024. All rights reserved.