show password javascript code example

Example 1: how to make a show password button

function myFunction() {
  var x = document.getElementById("*passwordbox-id*");
  if (x.type === "password") {
    x.type = "text";
  } else {
    x.type = "password";
  }
}

Example 2: html show password

//Javascript show all password textboxes script by me
var k = document.getElementsByTagName('input')
for(i=0;i<k.length;i++){
    if(k[i].type = "password"){
        k[i].type = "text"
    }
}

Example 3: how to make password visible in password javascript

<!DOCTYPE html>
<html>
<head>
    <title>Toggle Password Visibility</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="container">
        <h1>Toggle Password Visibility</h1>
        <input type="password" name="password" id="password" placeholder="Enter the password">
        <i class="far fa-eye" id="togglePassword"></i>
    </div>
    <script src="js/app.js"></script>
</body>
</html>Code language: HTML, XML (xml)

Tags:

Javascript Example

Recent Posts