Menu
Coddy logo textTech

Einfaches Starten und Stoppen

Lektion 8 von 10 im Kurs Stoppuhr - HTML/CSS/JS Projekt von Coddy.

Gehen wir zum JS-Teil über, es könnte ein wenig schwieriger sein, aber wir werden es Schritt für Schritt angehen!

challenge icon

Aufgabe

Einfach

In der JS-Datei:

  • Füge dem Start/Stopp-Button einen Click-Event-Listener hinzu
  • Sobald darauf geklickt wird, ändere den Button-Text zu Stop
  • Sobald erneut darauf geklickt wird, ändere den Button-Text zurück zu Start und so weiter…

Du musst eine Variable außerhalb deklarieren, die jedes Mal umgeschaltet wird.

Sieh dir die Hinweise an, wenn du nicht weiterkommst!

Probier es selbst

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

Alle Lektionen in Stoppuhr - HTML/CSS/JS Projekt

1Einführung

Überblick

4JS-Teil

Einfaches Starten und StoppenProjekt-LektionFunktionierende StoppuhrProjekt-LektionResetProjekt-Lektion