Create index file [PF]

Author: a-man-mundra

index.html

@@ -0,0 +1,30 @@
+<form id="contact-form">
+  <input type="text" name="name" placeholder="Your Name" required /><br />
+  <input type="email" name="email" placeholder="Your Email" required /><br />
+  <textarea name="message" placeholder="Your Message" required></textarea><br />
+  <button type="submit">Send</button>
+</form>
+
+<script>
+  const form = document.getElementById("contact-form");
+  form.addEventListener("submit", async (e) => {
+    e.preventDefault();
+    const formData = new FormData(form);
+    const data = Object.fromEntries(formData.entries());
+
+    const response = await fetch("YOUR_WEB_APP_URL", {
+      method: "POST",
+      body: JSON.stringify(data),
+      headers: {
+        "Content-Type": "application/json",
+      },
+    });
+
+    if (response.ok) {
+      alert("Message sent successfully!");
+      form.reset();
+    } else {
+      alert("There was a problem sending your message.");
+    }
+  });
+</script>