Делаю ToDo лист и застрял на одной доработке - нужно сделать так, что если текстовое поле пустое, нельзя нажать на кнопку "Добавить". Пытался сделать с formButton.disabled = true
, но почему-то это срабатывает только при первом клике на кнопку, последующие разы добавить можно и пустое поле. Подскажите, как исправить?
formInput.addEventListener('input', function () {
if (formInput.value.length > 0) {
formButton.disabled = false;
} else if (formInput.value.length < 0) {
formButton.disabled = true;
}
})
<form>
<input type="text" class="form-input" placeholder="Your Task">
<button type="submit" class="form-button" disabled>
<i class="far fa-plus-square"></i>
</button>
<form>
formInput.value.length < 0
вместо нуля, напишите 1, либо сделайте== 0
. Должно помочь.formButton.disabled = !formInput.value.length
formButton.disabled = true;
в конец функцииaddTodo