Не срабатывает переключение с disabled true на false

Question

Пытаюсь реализовать сделать так, чтобы пока поле текста не заполнено, кнопка Start была недоступна. Однако даже когда вводишь текст параметр disabled остается true.

function toggleButton() {
  let username = document.getElementById('username').value;

  if (username) {
    document.getElementById('submitButton').disabled = false;
  } else {
    document.getElementById('submitButton').disabled = true;
  }
}

<form id="welcomeForm">
  <div class="hint">Please, enter your username here</div>
  <input type="text" placeholder="username" id="username" onchange="toggleButton()" required autofocus>
  <button type="submit" id="submitButton" disabled>Start</button>
</form>

Answer 1

Всё работает. Просто, чтобы отработало конкретно это событие - надо убирать фокус с инпута. Это неудобно, конечно, но тем не менее. Поэтому проще заменить событие с onchange на oninput

БЛОГ НА HUSL

Не срабатывает переключение с disabled true на false

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