如果 === 1，則 JS 禁用元素

Question

我想在數字為 1 時禁用按鈕，使用 setAttribue

let element = document.createElement('div')
document.body.appendChild(element)
element.setAttribute('id', 'bet-size')

let text = document.createTextNode('1')
element.appendChild(text)

let click = document.createElement('input')
click.setAttribute('type', 'button')
click.setAttribute('id', 'decrease')
document.body.appendChild(click)
click.disabled = true

click.addEventListener('click', () => {
element.textContent = Number(element.textContent) - 1
if (element.textContent !== 1) {
click.setAttribute('disabled', true)
} else if (element.textContent > 1)
click.setAttribute('disabled', false)
})

當 number > 1 時，哪種方法最適合刪除禁用的屬性？

Answer 1

由於 disabled 是 true 或 false，您只需檢查該值以查看其是否 > 1。

click.addEventListener('click', (e) => {
    element.textContent = Number(element.textContent) - 1
    e.target.setAttribute("disabled",(Number(element.textContent) - 1 > 1));
})