From a37a3859e47bd45784b1d8b4d09d814f9b21b262 Mon Sep 17 00:00:00 2001
From: ananya <ananyajoshi0707@gmail.com>
Date: Thu, 20 Jun 2024 21:19:44 +0530
Subject: [PATCH] my change

---
 login.html | 26 +++++++++++---------------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/login.html b/login.html
index 8ad76ab..a647aae 100644
--- a/login.html
+++ b/login.html
@@ -81,9 +81,7 @@ <h1>LOGIN</h1>
         <div class="textfield">
           <label for="password">Password</label>
           <input type="password" id="password" name="password" placeholder="Enter Password">
-          <span id="login-hide">
-            <i class='icon bx bxs-hide' style="font-size: 27px;"></i>
-          </span>
+          <input type="checkbox" onclick="myFunction()">
         </div>
         <button class="btn-login" onclick="validateLogin()">Login</button>
         <h3>
@@ -128,18 +126,16 @@ <h3>
     const auth = firebase.auth();
 
     // Password visibility toggle
-    const passwordInput = document.getElementById("password");
-    const hideLogo = document.getElementById("login-hide");
-    hideLogo.addEventListener("click", function () {
-      const passwordField = this.querySelector("i");
-      if (passwordInput.getAttribute("type") == "text") {
-        passwordInput.setAttribute("type", "password");
-        passwordField.classList.replace("bxs-show", "bxs-hide");
-      } else {
-        passwordInput.setAttribute("type", "text");
-        passwordField.classList.replace("bxs-hide", "bxs-show");
-      }
-    });
+    function myFunction()
+        {
+            var x= document.getElementById("myInput");
+            if(x.type=="password"){
+            x.type=any;
+        }
+        else{
+            x.type="password";
+        }
+            }
 
     // Close button redirect
     const closeBtn = document.querySelector('.close-btn');