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