Code Ready | Frontend

✅ Переключаем видимость пароля



Этот код создает поле ввода пароля и чекбокс, который при активации переключает видимость пароля. При выборе чекбокса, тип ввода пароля меняется с "password" на "text" и наоборот.

<input type="password" id="passwordInput">

  <input type="checkbox" id="showPasswordCheckbox"> Показать пароль

const passwordInput = document.getElementById('passwordInput');

const showPasswordCheckbox = document.getElementById('showPasswordCheckbox');

showPasswordCheckbox.addEventListener('change', function() {

    if (showPasswordCheckbox.checked) {

        passwordInput.type = 'text';

    } else {

        passwordInput.type = 'password';

}});

@code_ready | #обучение #js