10. GUI I - Formulare und Interaktion

Gliederungs-Stub

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

Geplanter Inhalt

• Formularelemente: Textfelder, Auswahllisten, Checkboxen, Radio-Buttons; Werte auslesen.
• Das submit-Event und preventDefault; Validierung vor der Verarbeitung.
• Fehlermeldungen benutzerfreundlich anzeigen (beim Feld, nicht als alert).
• Trennung von Klassenmodell (Logik) und DOM-Code (Darstellung): Die Klasse weiß nichts vom HTML.
• Dynamische Listen: Einträge aus Daten erzeugen (createElement), aktualisieren, entfernen.

Lernziele

• Formulareingaben auslesen, validieren und verständlich rückmelden.
• Eine Objektliste dynamisch als HTML darstellen und synchron halten.
• GUI-Code und Fachlogik getrennt strukturieren.

Passende Übungen

• Aufgabe 19 - Anmeldeformular mit Validierung