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

Операторы сравнения

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

Мы уже работали с оператором сравнения «больше». В JavaScript есть и другие операторы сравнения:

1 < 2;  // Оператор «меньше»
1 <= 2; // Оператор «меньше или равно»
1 >= 2; // Оператор «больше или равно»

Обратите внимание, операторы «меньше или равно» и «больше или равно» обозначаются двумя символами: угловой скобкой и знаком равно. Эти операторы работают так же, как в математике. Например, оператор «меньше или равно» вернёт true, если число слева меньше числа справа или если числа равны.

Если длина пароля меньше или равна 5 символам, полоска под полем ввода должна стать красной. Добавим внутрь обработчика oninput условную конструкцию и, если условие истинно, зададим полоске красный цвет фона:

if (passLength <= 5) {
  securityBar.style.backgroundColor = 'red';
}

Хотите научиться профессионально писать код на самом востребованном языке программирования? Записывайтесь на профессию «React-разработчик», которая стартует завтра. Всего от 4970 ₽в месяц.

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

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

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

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

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

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