13. DOM und Events

Gliederungs-Stub

Dieses Kapitel ist noch nicht ausgearbeitet. Dieser Abschnitt beschreibt, was hier später entstehen soll.

Geplanter Inhalt

• Das DOM als Objektbaum der Seite; Elemente finden (querySelector) und Inhalte ändern (textContent).
• Ereignisse: addEventListener für Klicks und Eingaben. Ereignisgesteuerte Programme sind ein neues Denkmuster.
• Werte aus Eingabefeldern lesen und prüfen (Zahl? leer?).
• Die Wirkungskette Eingabe, Verarbeitung (Funktion), Ausgabe auf der Seite. Das EVA-Prinzip kehrt im Web wieder.
• Nur so viel DOM wie nötig. Der Fokus bleibt auf der Programmlogik.

Lernziele

• Auf Benutzerereignisse reagieren und Seiteninhalte aus JavaScript ändern.
• Eingaben lesen, prüfen und Ergebnisse anzeigen.
• Die Programmlogik von der Darstellung getrennt halten und Funktionen wiederverwenden.

Passende Übungen

• Aufgabe 20 - Klickzähler und Ampel
• Aufgabe 21 - Kleines Quiz