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

This commit is contained in:
ishak jmilou.ishak
2024-11-04 12:14:42 +01:00
parent 705ffcd98d
commit 99676cc83a

View File

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