From 77d2d6187b0008e270c59f524dd2854125617c6b Mon Sep 17 00:00:00 2001
From: ASTHA SINGH RANA <81636517+Asthasingh-2002@users.noreply.github.com>
Date: Tue, 11 Jul 2023 20:27:31 +0530
Subject: [PATCH] Bug_fix: Added changes in login_page.html for updating
 eyebutton feature (#1422)

Co-authored-by: Astha <astharana0123@gmail.com>
---
 Login_page/login_page.html | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/Login_page/login_page.html b/Login_page/login_page.html
index a3dcfa2d..8b85c95d 100644
--- a/Login_page/login_page.html
+++ b/Login_page/login_page.html
@@ -28,7 +28,7 @@ <h1 id="err"></h1>
         <div class="form-group">
             <i class="fa fa-unlock-alt"></i>
             <input type="password" name="" id="password" placeholder="Password" />
-            <i class="fa fa-eye-slash icon" id="newPassword"></i>
+            <i class="fa fa-eye-slash icon" id="newPassword" ></i>
         </div>
       </div>
       <div class="button">
@@ -132,6 +132,23 @@ <h1 id="err"></h1>
   }
   
  </script>
+ <script>
+  const togglePassword = document.querySelector('#newPassword');
+  const password = document.querySelector('#password');
+
+  togglePassword.addEventListener('click', function (e) {
+    if (password.type === "password") {
+    password.type = "text";
+    document.getElementById('newPassword').classList.remove('fa-eye-slash');
+    document.getElementById('newPassword').classList.add('fa-eye');
+  } else {
+    password.type = "password";
+    document.getElementById('newPassword').classList.remove('fa-eye');
+    document.getElementById('newPassword').classList.add('fa-eye-slash');
+  }
+   
+});
+ </script>
  
 
 <!--<script src = "login.js"></script>-->