JS Make element disabled if === 1

Question

I want to disable the button when number is 1, using 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)
})

Which way would be optimal to remove the attribute disabled when number is > 1?

This may be a bad question, but when *which* number is `< 1`? In what variable is it stored? — shreyasm-dev, Oct 14 '20 at 19:35
And do you know about the `if` statement? If so, then have a go with it (and `else`) to set the disabled attribute accordingly. — trincot, Oct 14 '20 at 19:36
setAttribute vs .attribute is already answered here: https://stackoverflow.com/questions/3919291/when-to-use-setattribute-vs-attribute-in-javascript — Alex Rasidakis, Oct 14 '20 at 19:38
What do you mean by "optimal"? Is any of them not working as expected? — Nico Haase, Oct 14 '20 at 19:42

imvain2 · Answer 1 · 2020-10-15T21:22:12.940

-1

Since disabled is either true or false, you can just check the value to see if its > 1 or not.

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

edited Oct 15 '20 at 21:22

answered Oct 14 '20 at 19:39

imvain2

15,480
1
16
21

JS Make element disabled if === 1

1 Answers1