Refactor button event handling to send direction via fetch to /send-direction

src/Python/flask/web/static/script.js

@@ -1,12 +1,13 @@
-document.getElementById("form").addEventListener("submit", function(event) {
-  event.preventDefault(); // voorkomt het herladen van de pagina
+// Selecteer alle knoppen en voeg een event listener toe aan elke knop
+document.querySelectorAll(".btn").forEach(button => {
+  button.addEventListener("click", function(event) {
+    event.preventDefault(); // voorkomt pagina-verversing
 
-  // Haal de waarde van de ingedrukte knop op
-  const formData = new FormData(event.target);
-  const direction = formData.get("direction"); // Haalt de 'direction' waarde op
+    // Haal de waarde van de knop op
+    const direction = event.target.value;
 
-  // Verstuur de richting via fetch naar de server
-  fetch("/move", {
+    // Verstuur de richting naar de server met fetch
+    fetch("/send-direction", {
       method: "POST",
       headers: {
         "Content-Type": "application/json"
@@ -21,3 +22,4 @@ document.getElementById("form").addEventListener("submit", function(event) {
       console.error("Error:", error);
     });
   });
+});