Javascript 使用if和setAttribute禁用按钮
如果元素数为1,我希望我的减少按钮被禁用。按钮不应为-1。但应该让数字2变成1,例如Javascript 使用if和setAttribute禁用按钮,javascript,html,dom,Javascript,Html,Dom,如果元素数为1,我希望我的减少按钮被禁用。按钮不应为-1。但应该让数字2变成1,例如 let element=document.createElement('div')) document.body.appendChild(元素) element.setAttribute('id','bet size') 让text=document.createTextNode('1') 元素。追加子元素(文本) 让单击=document.createElement('输入') 单击.setAttribut
let element=document.createElement('div'))
document.body.appendChild(元素)
element.setAttribute('id','bet size')
让text=document.createTextNode('1')
元素。追加子元素(文本)
让单击=document.createElement('输入')
单击.setAttribute('类型','按钮')
单击.setAttribute('id','decrease')
document.body.appendChild(单击)
click.addEventListener('click',()=>{
element.textContent=Number(element.textContent)-1
if(element.textContent==1){
单击.setAttribute('disabled',true)
}else if(element.textContent>1)
单击.setAttribute('disabled',false)
})
禁用时,您需要与“0”
进行比较,而不是与1
进行比较。它必须是字符串,因为您使用==
进行比较
要启用该按钮,必须使用removeAttribute
let element=document.createElement('div'))
document.body.appendChild(元素)
element.setAttribute('id','bet size')
让text=document.createTextNode('1')
元素。追加子元素(文本)
让单击=document.createElement('输入')
单击.setAttribute('类型','按钮')
单击.setAttribute('id','decrease')
单击.value=“-”;
document.body.appendChild(单击)
click.addEventListener('click',()=>{
element.textContent=Number(element.textContent)-1
如果(element.textContent==“0”){
单击.setAttribute('disabled',true)
}else if(element.textContent>1)
单击.removeAttribute('已禁用')
})
let increase=document.createElement('输入')
increase.setAttribute('类型','按钮')
increase.id='increase';
increase.value='+';
文件.正文.附件(增加);
increase.addEventListener('单击',()=>{
element.textContent=Number(element.textContent)+1
如果(element.textContent==“0”){
单击.setAttribute('disabled',true)
}else if(element.textContent>1)
单击.removeAttribute('已禁用')
})
谢谢,它工作得很好。要增加使用键盘更改的可能性,我可以实现新事件还是附加激活?您可以在文档
对象上使用键控
事件。您可能希望将公共代码放入一个单独的函数中,以便可以从所有事件侦听器调用它。