Dies ist eine alte Version des Dokuments!
LU08.A02
Rahmenbedingungen
- Sozialform: individual
- Hilfsmittel:
- Open books
- Zeit: 20 Minuten
- Erwartetes Resultat: Ein JavaScript-File, das Zugriff auf HTML-Objekte Elemente mittels der HTML-DOM-Methode getElementbyClassname ermöglicht.
Ausgangslage
Sie finden den nachfolgend Quellcode, der Zugriff auf HTML-Elemente via der Methoden getElementByClassname durchführt
Auftrag
Erweitern Sie die bestehende HTML-/JavaScript-Seite, welche aktuell Texte mittels getElementsByClassName() verändert, um folgende Funktionen:
- Weitere Textabschnitte hinzufügen
- Ergänzen Sie mindestens zwei zusätzliche Textfelder (<p>-Elemente) mit je einem eigenen Button.
- Jeder Button soll beim Anklicken den zugehörigen Text individuell ändern.
- Globale Reset-Funktion erweitern
- Der bestehende Reset-Button soll nicht nur die ursprünglichen beiden Texte zurücksetzen, sondern alle vorhandenen Texte auf ihren Standardwert setzen.
- Bonus (optional, aber gern gesehen):
- Fügen Sie einen Button hinzu, der alle Textabschnitte gleichzeitig verändert.
- Beispiel: Klick → “Alle mögen Saft!” bei jedem Textabschnitt.
