Contact form with vanilla JavaScript

<form id="contact">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
  <input name="name"  required />
  <input name="email" type="email" required />
  <textarea name="message" required></textarea>
  <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" />
  <button type="submit">Send</button>
</form>
<p id="status"></p>

<script>
const form   = document.getElementById("contact");
const status = document.getElementById("status");

form.addEventListener("submit", async (e) => {
  e.preventDefault();
  status.textContent = "Sending…";

  const formData = new FormData(form);

  try {
    const res = await fetch("https://splitforms.com/api/submit", {
      method: "POST",
      body: formData,
    });
    const data = await res.json();

    if (data.success) {
      status.textContent = "Thanks — your message is on its way.";
      form.reset();
    } else {
      status.textContent = data.message || "Something went wrong.";
    }
  } catch (err) {
    status.textContent = "Network error — please try again.";
  }
});
</script>