Включение и отключение кнопки JavaScript

Question

хотел бы задать вопрос, у нас есть счётчик а, и две кнопки, плюс и минус и при каждом клике на плюс, счётчик а увеличивается, на 20-ый клик, кнопка плюс, должна отключиться, если же нажать на минус, счётчик должен стать на единицу меньше, и кнопка плюс должна разблокироваться и мне бы хотелось узнать, как это возможно воплотить в коде. я пытался сделать так, но disabled не хочет убираться

if(a==20){this.disabled = true;}
if(a==19){this.disabled = false;}

Answer 1

Если вы используете атрибут disabled попробуйте таким образом отключить кнопку.

<button disabled="true">Increment</button>

При помощи JS соответственно управлять изменением атрибута. Без имеющегося кода сложно сказать что вам нужно.

Answer 2

как это возможно воплотить в коде

Например так :

const result = document.querySelector('#result')
const add = document.querySelector('#add')
const subtract = document.querySelector('#subtract')

add.addEventListener('click', e => {
  let c = +result.textContent

  result.textContent = ++c

  if (c == 20) e.target.disabled = true
  subtract.disabled = false
})

subtract.addEventListener('click', e => {
  let c = +result.textContent

  result.textContent = --c

  if (c == 0) e.target.disabled = true
  add.disabled = false
})

<button id="subtract" disabled="true">-</button>
<label id="result">0</label>
<button id="add">+</button>

БЛОГ НА HUSL

Включение и отключение кнопки JavaScript

Ответы (2 шт):