- Теория
- Теория
Сохраняем длину пароля в переменной
Мы заставили полоску расти вместе с длиной пароля. Отличная работа! Теперь нам нужно задать ей правильный цвет. Если пароль короткий, полоска должна быть красной, если средний — жёлтой, а если пароль длинный — зелёной. Для этого нам понадобится условная конструкция, в которой мы будем сравнивать длину пароля password.value.length
с разными числами. Запись в итоге может получиться очень длинной.
Позаботимся о своём удобстве заранее — запишем длину пароля в отдельную переменную и будем использовать именно её.
let passLength = password.value.length;
Длина пароля меняется с каждым введённым символом. Чтобы в переменной passLength
всегда было актуальное значение, присваивать его надо внутри обработчика событий oninput
.
Объявим переменную passLength
и используем её в инструкциях, где нам нужна длина пароля. Проверим, что ничего не сломалось.
Без JavaScript будущему разработчику никуда. Записывайтесь на профессиональный курс по JavaScript первого уровня.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.