- toggled input image icon

rezamini · Nov 29, 2023 · 7fa3df8 · 7fa3df8
1 parent ea65f81
commit 7fa3df8
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/script.js b/script.js
@@ -6,6 +6,14 @@ const passwordIconImg = document.getElementById("toggle-password");
 passwordIconImg.addEventListener('click', () => {
   const inputAttribute = passwordInput.getAttribute('type') === "text" ? "password" : "text";
   passwordInput.setAttribute("type", inputAttribute);
+
+  //update the icon
+  if(inputAttribute == "text"){
+    passwordIconImg.setAttribute("src" , "./icons/show.png");
+  }else{
+    passwordIconImg.setAttribute("src" , "./icons/hide.png");
+  }
+
 });
 
 passwordInput.addEventListener("input", updateStrengthMeter);