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

Свойство checked

Отлично! Мы сказали JavaScript показывать пароль, если пользователь включил чекбокс. Если чекбокс выключили, пароль должен прятаться. Но сейчас этого не происходит: достаточно поставить галочку один раз, и пароль будет виден всегда. Как это исправить?

Добавим в обработчик событий условную конструкцию и будем проверять, включён ли чекбокс. Если включён, поле с паролем нужно сделать текстовым. А если выключен, то полю нужно вернуть тип password. Чтобы проверить состояние чекбокса, используем свойство checked.

Это свойство имеет булево значение: true, если чекбокс включён, и false, если нет.

// Проверяем, включён ли чекбокс
if (showPassword.checked) {
  // Показываем пароль
} else {
  // Прячем пароль
}

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

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

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

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

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

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

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

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