LU08.A02

• Sozialform: individual
• Hilfsmittel:
  • Open books
  • JavaScript HTML-DOM
• Zeit: 20 Minuten
• Erwartetes Resultat: Ein JavaScript-File, das Zugriff auf HTML-Objekte Elemente mittels der HTML-DOM-Methode getElementbyClassname ermöglicht.

Sie finden den nachfolgend Quellcode, der Zugriff auf HTML-Elemente via der Methoden getElementByClassname durchführt

Erweitern Sie die bestehende HTML-/JavaScript-Seite, welche aktuell Texte mittels getElementsByClassName() verändert, um folgende Funktionen:

1. 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.
2. 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.
3. 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.

LU08.L02

Volkan Demir