Как сделать некликабельную кнопку, когда в поле нет текста и активную, когда появляется текст в поле ввода?

Question

[Елена]

Всем привет) Вопрос наверняка простой до ужаса, но что-то четкого ответа я не нашла в интернете. У меня есть форма. В ней инпут для ввода данных и кнопка для сохранения. Как сделать, чтоб кнопка была неактивная когда текста нет в поле и когда есть текст была активная? Или направьте где почитать про это)
Ссылка на код https://codepen.io/Ponomareva1994/pen/NWGMxEx

Answer 1

[Тигран Абрамян]

const input = document.querySelector("input");
const button = document.querySelector("button");

button.disabled = true;

input.addEventListener("input", function() {
  button.disabled = !this.value.length;
})

Comments

[Елена]

Спасибо большое)

Answer 2

[Rsa97]

Повесить обработчик на событие 'input' у input'а, в нём проверять содержимое и активировать/деактивировать кнопку.