Merge pull request #22 from jen67/newapp

added more functions

Author: jen67

fylo-landing-page/main.js

@@ -1,11 +1,10 @@
 const header = document.querySelector('header');
 const getForms = document.querySelectorAll('form');
-const textErrors = document.querySelectorAll('.erro-text');
-const btns = document.querySelectorAll('button');
+
 
 window.addEventListener('scroll', function () {
     if (window.scrollY > 0) {
-        header.style.backgroundColor = "$header-bg";
+        header.style.backgroundColor = "/* Your color or variable here */";
         header.style.backdropFilter = "blur(50px)";
         header.style.boxShadow = "0 4px 6px rgba(0, 0, 0, 0.1)";
         header.style.transition = "all 0.5s ease";
@@ -17,35 +16,48 @@ window.addEventListener('scroll', function () {
     }
 });
 
-getForms.forEach((form) => {
+getForms.forEach((form, index) => {
     const inputTag = form.querySelector('input[type="email"]');
     const textBox = form.querySelector('input');
     const textError = form.querySelector('.erro-text');
+    const btns = form.querySelector('button');
+
 
     form.addEventListener('submit', function (event) {
         if (inputTag.value === '') {
             textError.textContent = "Please provide a valid email";
             textError.style.textAlign = "left";
-            textError.style.color = "#E4859F";
             textBox.style.border = "2px solid #E4859F";
+
+            if (index === 1) {
+                textError.style.color = "white";
+            } else {
+                textError.style.color = "#E4859F";
+            }
+
             event.preventDefault();
         } else if (inputTag.value !== '') {
-            textError.textContent = "Plase check your email";
+            textError.textContent = "Please check your email"; 
             textError.style.textAlign = "left";
             textError.style.color = "pink";
             textBox.style.border = "2px solid pink";
+
+            if (index === 1) {
+                textError.style.color = "white";
+            } else {
+                textError.style.color = "#E4859F";
+            }
+
+            event.preventDefault();
+            btns.addEventListener('click', function () {
+                textError.style.color = "transparent";
+                textBox.value = "";
+            }); 
         } else {
             textError.style.color = "transparent";
+            textBox.textContent = "";
+            
         }
     });
 });
-
-btns.forEach((btn) => {
-    btn.addEventListener('click', function (event) {
-        ;
-        
-
-    });
-});
-
-
+