Hoe de zichtbaarheid van het wachtwoord wisselen

Gebruik JavaScript om de zichtbaarheid van het wachtwoord te wisselen.

Wachtwoord:

Wachtwoord weergeven

Wissel de zichtbaarheid van het wachtwoord

Eerste stap - Voeg HTML toe:

<!-- Wachtwoordveld -->
Wachtwoord: <input type="password" value="FakePSW" id="myInput">
<!-- Een element voor het wisselen van de zichtbaarheid van het wachtwoord -->
<input type="checkbox" onclick="myFunction()">Wachtwoord weergeven

Tweede stap - Voeg JavaScript toe:

function myFunction() {
  var x = document.getElementById("myInput");
  if (x.type === "password") {
    x.type = "text";
  } else {}}
    x.type = "password";
  {}
{}

Try it yourself