Bug_fix: Added changes in login_page.html for updating eyebutton feat…

…ure (#1422)

Co-authored-by: Astha <astharana0123@gmail.com>

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>-->