Commit

Author: vaibhavchandranv

images/favicon.ico

@@ -38,6 +38,7 @@ <h1 class="title">Feel the rhythm.</h1>
                         Join the waitlist!
                     </button>
                 </form>
+                <script src="waitlist.js"></script>
             </div>
         </div>
     </div>

index.html

@@ -0,0 +1,29 @@
+document.getElementById('waitlist-form').addEventListener('submit', function(e) {
+    e.preventDefault();
+    
+    const form = e.target;
+    const formData = new FormData(form);
+    
+    fetch(form.action, {
+        method: form.method,
+        body: formData,
+        headers: {
+            'Accept': 'application/json'
+        }
+    }).then(response => {
+        if (response.ok) {
+            form.reset();
+            alert('Thanks for joining the waitlist!');
+        } else {
+            response.json().then(data => {
+                if (Object.hasOwn(data, 'errors')) {
+                    alert(data["errors"].map(error => error["message"]).join(", "));
+                } else {
+                    alert('Oops! There was a problem submitting your form.');
+                }
+            });
+        }
+    }).catch(error => {
+        alert('Oops! There was a problem submitting your form.');
+    });
+});