Как заблокировать кнопку после создания дела в todo листе?

Question

[Vlad_noob]

Всем привет. Написал код, чтобы кнопка создания дела в todo листе была не активной когда строка инпута пустая, но после создания дела кнопка остается активной. Не понимаю как сделать, чтобы кнопка была не активной после создания дела.

Сайт: todolist-first.webtm.ru

button.disabled = true;

        input.addEventListener('input', function (event) {
            let val = event.target.value;

            if (val === '') {
                button.disabled = true;
            } else {
                button.disabled = false;
            }
        });

Comments

[chemdev]

событие называется не input а change

[maksam07]

chemdev, https://developer.mozilla.org/en-US/docs/Web/API/H...

[chemdev]

maksam07, спасибо, сори за дезинформацию

[maksam07]

chemdev, я сам относительно недавно откопал это событие, искал что-то такое, потому что все другие срабатывают менее корректно (в меньшем кол-ве случаев)

[Nikuza]

а если через button.setAttribute('disabled', '') сделать?
input.addEventListener('input', function (event) {
let val = event.target.value;

if (val === '') {
button.setAttribute('disabled', '');
} else {
button.removeAttribute('disabled', '');
}
});

[Daisyshinakjd]

В чем вопрос?

Простенький код

<div>
  <input id="field" />
<button id="add">Добавить</button>
<div id="list">list: </div>
</div>

<script>

const button = document.getElementById("add")
const input = document.getElementById("field")

button.disabled = true;
input.addEventListener('input', function (event) {
let val = event.target.value;
if (val === '') {
button.disabled = true;
} else {
button.disabled = false;
}
});

button.addEventListener("click", (e) => {
  const inputValue = input.value
  if(inputValue) {
    document.getElementById("list").innerHTML +=  inputValue + " | "
    input.value = ""
    button.disabled = true
  }
})

</script>

Предоставленный код отлично работает. Но в нем нет информации, по которой бы js додумался отключить кнопку. После создания дела и отключайте её