Merhaba arkadaşlar. Tek sayfalık HTML site var elimde buraya bir iletişim formu eklemek istiyorum. Elimde şöyle bir kod var:

<form action="https://formspree.io/f/xxxxx" method="post">
<div class="input-line">
<input id="name" type="text" placeholder="Name" class="input-name">
<input id="email" type="email" placeholder="Email" class="input-name">
</div>
<input type="text" id="subject" placeholder="subject" class="input-subject">
<textarea id ="body" class="input-textarea" placeholder="message"></textarea>
<button type="button" id ="submit" value="send">Submit</button>
</form>

formspree.io sitesini kullanmak istiyorum. oradan linki aldım. lokalde test ettiğimde çalışıyor sorun yok. fakat html sayfanın sonuna, sitenin veridği ajax kodunu ekleyince çalışmıyor.

sitenin verdiği ajax kodu şu şekilde:

<script>
    var form = document.getElementById("my-form");
        async function handleSubmit(event) {
      event.preventDefault();
      var status = document.getElementById("my-form-status");
      var data = new FormData(event.target);
      fetch(event.target.action, {
        method: form.method,
        body: data,
        headers: {
            'Accept': 'application/json'
        }
      }).then(response => {
        if (response.ok) {
          status.innerHTML = "Thanks for your submission!";
          form.reset()
        } else {
          response.json().then(data => {
            if (Object.hasOwn(data, 'errors')) {
              status.innerHTML = data["errors"].map(error => error["message"]).join(", ")
            } else {
              status.innerHTML = "Oops! There was a problem submitting your form"
            }
          })
        }
      }).catch(error => {
        status.innerHTML = "Oops! There was a problem submitting your form"
      });
    }
    form.addEventListener("submit", handleSubmit)
</script>

bu kodu yukardaki html tablosuna göre uyarlamam gerekiyor.
sitenin veridği html form şablolunu kullansana diceksiniz ama bu seferde css bozuluyor
o yüzden sitenin veridği js ajax kodunu kendi html formuma göre düzenlemem gerekiyor. fakat js bilgim olmadığı için çözemedim. yardımcı olabilcek var mı acaba?