Hallo in die Runde,
ich habe für einen Button ein Script "kopiert" was auch super funktioniert. Allerdings benötige ich dieses Script für 4 Buttons und jetzt stellt sich mir als Anfänger die Frage wie ich dem Script die entsprechenden Werte als Variable übergeben kann.
Hier mal die Zeilen die geändert werden müssten
varelem = document.getElementById('vor');
fetch('/vorwaerts', {
wobei "vor" und "vorwärts" auch die gleichen Werte enthalten kann.
Hier mal der gesamte Code:
HTML
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AJAX minimalistisch</title>
</head>
<body>
<table>
<tr>
<td><td align="center"><button id="vor">Vorwärts</button></td></td>
</tr>
<tr>
<td align="center"><button id="links">Links</button></td><td></td><td align="center"><button id="rechts">Rechts</button></td>
</tr>
<tr><td><td align="center"><button it="zurück">Zurück</button></td></td>
</tr>
</table>
</body>
<script>
var elem = document.getElementById('vor');
elem.addEventListener('mousedown', mouseDown);
elem.addEventListener('mouseup', mouseUp);
function mouseDown() {
let formData = new FormData();
formData.append('action', 'on');
fetch('/vorwaerts', {
method: 'POST',
body: formData
})
};
function mouseUp() {
let formData = new FormData();
formData.append('action', 'off');
fetch('/vorwaerts', {
method: 'POST',
body: formData
})
};
</script>
</html>Ich Danke euch schon jetzt für jede Hilfe
Viele Grüße
Torsten