Merge pull request #514 from harikasayani/hibranch

hide functionality added in signup page
khushi-joshi-05 · May 25, 2024 · 8d2921b · 8d2921b
2 parents a93e6df + ca18133
commit 8d2921b
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 0 deletions.
diff --git a/Css-files/signup1.css b/Css-files/signup1.css
@@ -228,6 +228,13 @@ body * {
   align-items: flex-start;
   justify-content: center;
   margin: 10px 0px;
+  position: relative;
+}
+.icon1{
+  position: absolute;
+  top:calc(55%);
+  left:80.5%;
+  font-size: 25px;
 }
 
 .textfield > input {

diff --git a/Html-files/scriptsignup.js b/Html-files/scriptsignup.js
@@ -92,3 +92,4 @@ function validateEmail(email) {
   const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
   return re.test(email);
 }
+
diff --git a/Html-files/signup.html b/Html-files/signup.html
@@ -43,6 +43,8 @@ <h1>SIGN UP</h1>
     <title>Sign up</title>
     <script src="scriptsignup.js" defer type="module"></script>
     <link rel="stylesheet" href="../Css-files/signup1.css">
+    <link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 </head>
 <body>
     <div class="main-login">
@@ -65,6 +67,9 @@ <h1>SIGN UP</h1>
               <div class="textfield">
                 <label for="password">Password</label>
                 <input type="password" id="password" name="password" placeholder="Enter Password" required>
+                <span id="signup-hide">
+                  <i class='icon1 bx bxs-hide'></i>
+                </span>
               </div>
               <button type="submit" class="btn-login">Register</button>
             </form>
@@ -73,4 +78,22 @@ <h1>SIGN UP</h1>
         </div>
       </div>
 </body>
+<script>
+  const pswinput=document.getElementById('password');
+  const toggle=document.getElementById('signup-hide');
+  toggle.addEventListener("click",function()
+  {
+    const pswfield=this.querySelector('i');
+    if(pswinput.getAttribute("type")=="password")
+    {
+      pswinput.setAttribute('type','text');
+      pswfield.classList.replace("bxs-hide","bxs-show");
+    }
+    else
+    {
+      pswinput.setAttribute('type','password');
+      pswfield.classList.replace("bxs-show","bxs-hide");
+    }
+  });
+</script>
 </html>
Original file line number	Diff line number	Diff line change
Expand Up		@@ -92,3 +92,4 @@ function validateEmail(email) {
		const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
		return re.test(email);
		}