Необходимо написать код, который делает кнопку "Log in" активной, только если в поля username и password введены строки не меньше 6 символов длиной. При отправке формы (нажатии Enter или кно

[billiejean78]

На странице есть верстка:


<form>

<input type="text" name="username" />

<input type="text" name="password" />

<input type="submit" value="Log in" disabled />

</form>

Указания:

Использовать событие "change" или "keyup" для отслеживания длины строк.
Событие change срабатывает у элемента input, когда пользователь меняет в нем текст, а затем меняет фокус на другой элемент (например, кликнуть куда-то вне страницы, или перемещается на другой input.
Событие keyup срабатывает у элемента input всякий раз когда пользователь нажимает и затем отпускает кнопку на клавиатуре при вводе текста в это текстовое поле.
Пример:
const el = document.querySelector('input[name="username"]');
el.addEventListener('keyup', () => {
console.log('some key was pressed and released');
});
Активность элемента изменять через свойство элемента disabled. Чтобы элемент перестал быть активным, устанавливаете его true. Чтобы вновь стал активным - обратно в false.
const el = document.querySelector('button');
el.disabled = true; // элемент "выключится"
el.disabled = false; // вновь "включится"
Обязательно нужно использовать событие submit для формы. Нельзя использовать событие click по кнопке "Log in". При этом вам надо будет использовать preventDefault, чтобы страница не перезагружалась

[BDA]

Вопросы по всем четырем вашим темам: что именно не получается, какие конкретно вопросы, где наработки или попытки решения?