Merge pull request #56 from shubhambaghel34/password_visibility

samiullahsaleem · web-flow · commit 2a6d4ae5365b · 2022-10-06T14:16:44.000+05:00
added code for show/hide password functionality
diff --git a/JavaScript/password_visibility.html b/JavaScript/password_visibility.html
@@ -0,0 +1,41 @@
+<!-- JavaScript program to show/hide password
+
+This code is contributed by Shubham baghel (username -> shubhambaghel34) in HacktoberFest 2022 -->
+
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>HacktoberFest_22</title>
+</head>
+
+<body>
+    <div class="container">
+        <h3>
+            JavaScript program to show/hide Password
+        </h3>
+        <p>
+            This JavaScript code is contributed by Shubham Baghel (username -> shubhambaghel34) in HacktoberFest 2022.
+        </p>
+    </div>
+    Enter Password: <input type="password" value="cyberblock" id="passwordid">  
+    <input type="checkbox" onclick="showHidePassword()"/>Show Password</br> 
+    <br><br>
+
+    <script>
+ function showHidePassword() {  
+  var getPasword = document.getElementById("passwordid");  
+  if (getPasword.type === "password") {  
+    getPasword.type = "text";  
+  } else {  
+    getPasword.type = "password";  
+  }  
+}  
+    </script>
+</body>
+
+</html>
