var form = document.getElementById("test"); 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': '/wp-json/newsletter/v1/subscribe' } }).then(response => { if (response.ok) { status.innerHTML = "Tack! Bekräfta din registrering via e-mailet vi skickat till adressen du angav."; jQuery('#my-form-status').addClass('newClass'); 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)