Мы научились изменять тип поля ввода. Чтобы выполнить задачу, нам нужно менять тип поля с паролем, когда пользователь ставит галочку в чекбоксе «Показать пароль».

Показать пароль

Чекбокс — это поле ввода, у которого может быть одно из двух состояний: включён или выключен. Обычно в браузерах на состояние чекбокса указывает галочка: если галочка стоит — чекбокс включён, если галочки нет — выключен. Когда галочку ставят или убирают, состояние чекбокса меняется. Чтобы отследить это событие из скрипта, используем обработчик событий onchange.

Чекбокс «Показать пароль» имеет класс show-password. Найдём его, запишем в переменную и добавим ему обработчик. Затем переместим инструкцию, изменяющую тип поля, внутрь обработчика. После этого убедимся, что если включить чекбокс, пароль становится виден.