Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m288:learningunits:lu08:aufgaben:03 [2025/12/08 15:15] – angelegt vdemir
+++ de:modul:m288:learningunits:lu08:aufgaben:03 [2025/12/08 15:24] (aktuell) – [Lösungen] vdemir
@@ Zeile 12: / Zeile 12: @@
 Sie finden den nachfolgend Quellcode, der Zugriff auf HTML-Elemente via der Methoden **getElementByTagName** durchführt.
-{{:de:modul:m288:learningunits:lu08:aufgaben:lu08_a03_1.jpg?600|}}
+{{:de:modul:m288:learningunits:lu08:aufgaben:lu08_a03_1.jpg?400|}}
 Der Quellcode ist hier downloadbar: {{ :de:modul:m288:learningunits:lu08:aufgaben:lu08_a03_vorlage_getelementbytagname.zip |}}
@@ Zeile 21: / Zeile 21: @@
 ===== 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 =====
-[[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