changes working

sample-hugo-template/Tech-Club-Blog/assets/js/addFormStyles.js

@@ -0,0 +1,27 @@
+document.getElementById("submitButton").addEventListener("click", addErrorStyles);
+document.getElementById("emailInput").addEventListener("keyup", updateStyles);
+
+subscriptionForm = document.getElementById("subscriptionForm");
+emailField = document.getElementById("emailInput");
+submitted = false;
+
+function addErrorStyles(){
+    submitted = true;
+    updateClasses();
+}
+
+function updateStyles(){
+    if (submitted === true){
+        updateClasses();
+    }
+}
+
+function updateClasses(){
+    if(emailField.validity.valid){
+        subscriptionForm.classList.remove("submitted-form");
+    }
+    else{
+        subscriptionForm.classList.add("submitted-form");
+        emailField.classList.add("submitted-input");
+    }
+}