J2S1-Kobuki/src/Python/flask/web/static/script.js

document.getElementById("form").addEventListener("submit", function(event) {
  event.preventDefault(); // voorkomt het herladen van de pagina

  // Haal de waarde van de ingedrukte knop op
  const formData = new FormData(event.target);
  const direction = formData.get("direction"); // Haalt de 'direction' waarde op

  // Verstuur de richting via fetch naar de server
  fetch("/move", {
    method: "POST",
    headers: {
      "Content-Type": "application/json"
    },
    body: JSON.stringify({ direction: direction })
  })
  .then(response => response.json())
  .then(data => {
    console.log("Success:", data);
  })
  .catch(error => {
    console.error("Error:", error);
  });
});