de:modul:m288:learningunits:lu08:aufgaben:03

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung		 Vorhergehende Überarbeitung
de:modul:m288:learningunits:lu08:aufgaben:03 [2025/12/08 15:16] – [Ausgangslage] vdemirde:modul:m288:learningunits:lu08:aufgaben:03 [2025/12/08 15:24] (aktuell) – [Lösungen] vdemir
Zeile 21: Zeile 21:
  
 ===== Auftrag ===== ===== Auftrag =====
-Erweitern Sie die bestehende HTML-/JavaScript-Seite, welche aktuell Texte mittels //getElementsByClassName()// verändert, um folgende Funktionen:+Erweitern Sie die bestehende HTML-/JavaScript-Seite, welche aktuell Texte mittels //getElementsByTagName()// verändert, um folgende Funktionen:
  
-  - Weitere Textabschnitte hinzufügen +  - Legen Sie ein Array mit einer passenden Anzahl von Früchen an. 
-    * Ergänzen Sie mindestens zwei zusätzliche Textfelder (<p>-Elemente) mit je einem eigenen Button. +  - Die aktuelen Default Texte sollen bei Knopdruck die Methode //machEtwas// aufgerufen werden, sodass neu //Ich liebe ...// und der Früchtename erscheint. 
-    * Jeder Button soll beim Anklicken den zugehörigen Text individuell ändern. +  - Hinweise:  
-  - Globale Reset-Funktion erweitern +    * Die Anzahl Früchte im Array muss der zu anzeigenden Anzahl von Texten entsprechen. 
-    * Der bestehende Reset-Button soll nicht nur die ursprünglichen beiden Texte zurücksetzen, sondern alle vorhandenen Texte auf ihren Standardwert setzen. +    * Zugriff auf die Arrayelemente erhalten Sie über eine zusätzlichen Index //i//, der in der Schleife inkrementiert wird (um eines hochgezählt durch i++) 
-  - Bonus (optional, aber gern gesehen): +    * Den neuen Text dynamisch anpassen können Sie durch diese Zeile durchf^ühren //item.innerHTML = `Ich liebe ${fruechte[i]}`; //
-    * Fügen Sie einen Button hinzu, der alle Textabschnitte gleichzeitig verändert. +
-    * Beispiel: Klick → “Alle mögen Saft!” bei jedem Textabschnitt.+
  
 +===== Zielzustand =====
 +
 +{{:de:modul:m288:learningunits:lu08:aufgaben:lu08_l03.jpg?400|}}
  
 ===== Lösungen ===== ===== Lösungen =====
-[[de:modul:m288:learningunits:lu08:loesungen:02|LU08.L02]]+[[de:modul:m288:learningunits:lu08:loesungen:03|LU08.L03]]
  
  
 ---- ----
 [[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir [[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir
  • de/modul/m288/learningunits/lu08/aufgaben/03.1765203361.txt.gz
  • Zuletzt geändert: 2025/12/08 15:16
  • von vdemir