Javascript 我试图';能够';满足特定条件后禁用的按钮。有麻烦

Javascript 我试图';能够';满足特定条件后禁用的按钮。有麻烦,javascript,html,button,dom-events,disabled-control,Javascript,Html,Button,Dom Events,Disabled Control,对于特定按钮,“我的HTML”看起来如下所示: <h1 class = "counter">0</h1> <button class="btn" type = "button" id = "lowerCountBtn" disabled>Lower Count</button> 我看到函数已经生成,但我假设我只是没有以某种方式调用函数。我真的很感谢你的帮助 在逻辑的其余部分之后,您可以在递增计数器和递减计数器函数中调用函数 另外,这两个函数中的

对于特定按钮,“我的HTML”看起来如下所示:

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

<button class="btn" type = "button" id = "lowerCountBtn" disabled>Lower Count</button>

我看到函数已经生成,但我假设我只是没有以某种方式调用函数。我真的很感谢你的帮助

在逻辑的其余部分之后,您可以在
递增计数器
递减计数器
函数中调用函数

另外,这两个函数中的条件将字符串与
'0'
进行比较


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

我实际上是先尝试的,因为它对我来说更有意义,但是由于上面的参数是比较变量,我将这个想法复制到下面。那么你说我可以添加一个else if语句并调用我的按钮disabled作为true或false,但在上面的功能块中?函数decrementCounter(){count--;counter.innerHTML=count;if(counter.innerHTML<'0'){counter.style.color='orange';}如果(counter.innerHTML=='0'){counter.style.color='white';}如果(count>'0'){button.disabled=false;}这是什么?
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;
    }
}