Add basic HTML files

js/password-visibility.js

@@ -0,0 +1,14 @@
+const passwordField = document.querySelector(
+  ".form .field input[type='password']"
+);
+toggleButton = document.querySelector(".form .field i");
+
+toggleButton.onclick = () => {
+  if (passwordField.type === "password") {
+    passwordField.type = "text";
+    toggleButton.classList.add("active");
+  } else {
+    passwordField.type = "password";
+    toggleButton.classList.remove("active");
+  }
+};

js/search-visibility.js

@@ -0,0 +1,14 @@
+const searchElement = document.querySelector(".user .search");
+
+const searchBar = document.querySelector(".user .search input");
+const searchButton = document.querySelector(".user .search button");
+
+searchElement.onmouseover = () => {
+    searchButton.classList.toggle("active");
+    searchBar.classList.toggle("active");
+}
+
+searchElement.onmouseout = () => {
+    searchButton.classList.remove("active");
+    searchBar.classList.remove("active");
+}