• Теория
  • Теория

Завершаем работу над страницей регистрации

Мы добавили в условную конструкцию альтернативную ветку else if, и теперь полоска меняет цвет с красного на жёлтый, если пароль длиннее 5 символов. Но если пароль длиной 10 символов или больше, полоска должна стать зелёной. Мы могли бы добавить ещё одну ветку else if, но в данном случае хватит и просто else.

Представим, что пароль длиной 11 символов. В этом случае оба условия вернут false, и JavaScript выполнит инструкции из ветки else.

if (passLength <= 5) {
  // Инструкции выполнятся, если истинно первое условие
} else if (passLength > 5 && passLength < 10) {
  // Инструкции выполнятся, если истинно второе условие
} else {
  // Инструкции выполнятся, если оба условия ложны
}

Добавим третью ветку в нашу условную конструкцию и убедимся, что цвет полоски меняется с красного на жёлтый, а после — с жёлтого на зелёный.

Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс по вёрстке первого уровня, проходящий c 27 мая по 29 июля 2024. Цена 22 900 ₽

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Динамические стили элементов» тренажёра «Знакомство с JavaScript» можно после регистрации и оформления подписки.