- added an event listener for the input icon

rezamini · Nov 29, 2023 · ea65f81 · ea65f81
1 parent f8843c3
commit ea65f81
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/script.js b/script.js
@@ -1,6 +1,12 @@
 const strengthMeter = document.getElementById("strength-meter");
 const passwordInput = document.getElementById("password-input");
 const reasonsContainer = document.getElementById("reasons");
+const passwordIconImg = document.getElementById("toggle-password");
+
+passwordIconImg.addEventListener('click', () => {
+  const inputAttribute = passwordInput.getAttribute('type') === "text" ? "password" : "text";
+  passwordInput.setAttribute("type", inputAttribute);
+});
 
 passwordInput.addEventListener("input", updateStrengthMeter);
 updateStrengthMeter(); //calculate the password strength immediately based on the input current password