Javascript 我试图';能够';满足特定条件后禁用的按钮。有麻烦
对于特定按钮,“我的HTML”看起来如下所示: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> 我看到函数已经生成,但我假设我只是没有以某种方式调用函数。我真的很感谢你的帮助 在逻辑的其余部分之后,您可以在递增计数器和递减计数器函数中调用函数 另外,这两个函数中的
<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;
}
}