Hintergrund
Für Lernfeld 10 ist die Trennung von Struktur (HTML) und Verhalten (JS) zentral.
Ist-Zustand
Mehrere Views verwenden onclick direkt im HTML.
Ziel
Event-Handling ausschließlich in JavaScript und klarere Struktur der Verantwortlichkeiten.
Aufgaben
- Inline-
onclick in HTML-Dateien entfernen
- Events mit
addEventListener im JS registrieren
- Kleine Refactorings zur Trennung von UI- und Logikanteilen durchführen
Akzeptanzkriterien
- Keine Inline-Events mehr in den bearbeiteten Views
- Funktionalität bleibt unverändert
- HTML ist deklarativ, Interaktionslogik liegt im JS
Aufwand
2 Unterrichtsstunden
Hintergrund
Für Lernfeld 10 ist die Trennung von Struktur (HTML) und Verhalten (JS) zentral.
Ist-Zustand
Mehrere Views verwenden
onclickdirekt im HTML.Ziel
Event-Handling ausschließlich in JavaScript und klarere Struktur der Verantwortlichkeiten.
Aufgaben
onclickin HTML-Dateien entfernenaddEventListenerim JS registrierenAkzeptanzkriterien
Aufwand
2 Unterrichtsstunden