Passwort-Sichtbarkeit in JS umschalten-Code Beispiele

// Diese Funktion schaltet die Sichtbarkeit des Passworts um
function togglePasswordVisibility() {

  // Holen Sie sich das Passworteingabefeld
  var passwordInput = document.getElementById('password');

  // Holen Sie sich das Passwort-Sichtbarkeitsbild
  var passwordVisibilityImage = document.getElementById('password-visibility');

  // Wenn das Passworteingabefeld derzeit auf "Passwort" eingestellt ist
  if (passwordInput.type === 'password') {

    // Legen Sie das Passworteingabefeld auf "Text" fest
    passwordInput.type = 'text';

    // Legen Sie das Passwort-Sichtbarkeitsbild auf das Bild "Passwort anzeigen" fest
    passwordVisibilityImage.src = 'show-password.png';
  }
  // Wenn das Passworteingabefeld derzeit auf "Text" eingestellt ist
  else {
    // Legen Sie das Passworteingabefeld auf "Passwort" fest
    passwordInput.type = 'password';

    // Legen Sie das Passwort-Sichtbarkeitsbild auf das Bild "Passwort verbergen" fest
    passwordVisibilityImage.src = 'hide-password.png';
  }
}

// Dieser Code wird das Passwort sichtbar machen, wenn die Checkbox angeklickt wird
function togglePasswordVisibility() {
  var passwordInput = document.getElementById('password');
  var checkbox = document.getElementById('togglePasswordVisibility');

  // Wenn die Checkbox ausgewählt ist, setzen Sie den Passwort-Eingabetyp auf "text
  if (checkbox.checked) {
    passwordInput.type = 'text';
  }
  // Andernfalls setzen Sie den Passwort-Eingabetyp auf "password
  else {
    passwordInput.type = 'password';
  }
}