Contact fix when submition

Author: zalabhavy

website2.0/contactus.html

@@ -112,19 +112,13 @@ <h1>Contact Us</h1>
             <form id="contact-form">
                 <!-- <label for="name">Name:</label> -->
                 <input type="text" id="name" name="name" required placeholder="Name:">
-
-
-
+    
                 <!-- <label for="email">Email:</label> -->
                 <input type="email" id="email" name="email" required placeholder="Email:">
-
-
-
+    
                 <!-- <label for="comment">Comment:</label> -->
-                <textarea id="comment" name="comment" required placeholder="Comment:" ></textarea>
-
-
-
+                <textarea id="comment" name="comment" required placeholder="Comment:"></textarea>
+    
                 <label for="rating" id="rate">Rating:</label>
                 <div id="rating">
                     <span class="star" data-value="1">&#9733;</span>
@@ -133,11 +127,12 @@ <h1>Contact Us</h1>
                     <span class="star" data-value="4">&#9733;</span>
                     <span class="star" data-value="5">&#9733;</span>
                 </div>
-
+    
                 <button type="submit" id="button">Submit</button>
+            <p id="thank-you-message" style="color: white; display: none;">Thank you !!<br>We will connect soon.</p>
             </form>
-        </div>
-    </div>
+            </div>
+            </div>    
     <div class="marg">
         <div class="footer">
             <p class="iconsclass mm">

website2.0/contactus.js

@@ -11,12 +11,17 @@ document.addEventListener("DOMContentLoaded", () => {
       }
     });
   });
+});
+document.getElementById('contact-form').addEventListener('submit', function(event) {
+  event.preventDefault();
+
+  const thankYouMessage = document.getElementById('thank-you-message');
+  thankYouMessage.style.display = 'block';
+
+  setTimeout(function() 
+  {
+    thankYouMessage.style.display = 'none';
+    document.getElementById('contact-form').reset();
+  }, 3000);
 
-  const form = document.getElementById("contact-form");
-  form.addEventListener("submit", (e) => {
-    e.preventDefault();
-    alert(
-      `Name: ${form.name.value}\nEmail: ${form.email.value}\nComment: ${form.comment.value}\nRating: ${selectedRating} stars`
-    );
-  });
 });