JavaScript Button Timer Start- und Endzeit im Textfeld festhalten.

Antwort

Um einen Timer in JavaScript zu erstellen, der die Start- und Endzeit in einem Textfeld festhält, kannst du folgendes Beispiel verwenden: ```html <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta name="" content="width=device-width, initial-scale=1.0"> <title>Timer Beispiel</title> </head> <body> <h1>Timer Beispiel</h1> <button id="startButton">Start</button> <button id="stopButton" disabled>Stop</button> <br><br> <textarea id="timeLog" rows="10" cols="30" readonly></textarea> <script> let startTime, endTime; const timeLog = document.getElementById('timeLog'); const startButton = document.getElementById('startButton'); const stopButton = document.getElementById('stopButton'); startButton.addEventListener('click', () => { startTime = new Date(); timeLog.value += `Startzeit: ${startTime.toLocaleTimeString()}\n`; startButton.disabled = true; stopButton.disabled = false; }); stopButton.addEventListener('click', () => { endTime = new Date(); timeLog.value += `Endzeit: ${endTime.toLocaleTimeString()}\n`; startButton.disabled = false; stopButton.disabled = true; }); </script> </body> </html> ``` In diesem Beispiel gibt es zwei Buttons: einen zum Starten des Timers und einen zum Stoppen. Die Start- und Endzeiten werden in einem Textfeld festgehalten. Wenn du auf "Start" klickst, wird die aktuelle Zeit als Startzeit aufgezeichnet, und beim Klicken auf "Stop" wird die Endzeit aufgezeichnet.

KI fragen

Verwandte Fragen

Was ist JavaScript?

"JS" steht als Abkürzung für JavaScript. JavaScript ist eine weit verbreitete Programmiersprache, die hauptsächlich zur Entwicklung von interaktiven und dynamischen Inhalten a... [mehr]

Was sind Hooks in React?

Hooks in React sind spezielle Funktionen, die es ermöglichen, in Funktionskomponenten auf React-Features wie State und Lifecycle-Methoden zuzugreifen. Sie wurden mit React 16.8 eingeführt, u... [mehr]

Wie entfernt man per JavaScript alle Leerzeichen und Punkte aus dem HTML-Formularfeld 'parcel_id'?

Um aus dem Wert eines HTML-Formularfelds namens `parcel_id` alle Leerzeichen und Punkte per JavaScript zu entfernen, kannst du folgenden Code verwenden: ```javascript // Beispiel: Annahme, das Feld h... [mehr]

Wie groß können Zahlen in JavaScript-Variablen sein?

In JavaScript können Zahlen (Number-Typ) bis zu einem bestimmten Wert genau dargestellt werden. Der Standard-Zahlentyp ist ein 64-Bit-Gleitkommawert nach IEEE 754. Die größten und klei... [mehr]