Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m288:learningunits:lu08:aufgaben:03 [2025/12/08 15:16] – [Ausgangslage] vdemir
+++ de:modul:m288:learningunits:lu08:aufgaben:03 [2025/12/09 06:46] (aktuell) – vdemir
@@ Zeile 1: / Zeile 1: @@
-====== LU08.A02 - Methode: getElementbyClassname ======
+====== LU08.A03 - Methode: getElementbyTagName ======
 ===== Rahmenbedingungen =====
@@ Zeile 7: / Zeile 7: @@
     * [[https://www.w3schools.com/js/js_htmldom.asp| JavaScript HTML-DOM]]
   * Zeit: 20 Minuten
-  * Erwartetes Resultat: Ein JavaScript-File, das Zugriff auf HTML-Objekte Elemente mittels der HTML-DOM-Methode getElementbyTagname ermöglicht.
+  * Erwartetes Resultat: Ein JavaScript-File, das Zugriff auf HTML-Objekte Elemente mittels der HTML-DOM-Methode getElementbyTagName ermöglicht.
 ===== Ausgangslage =====
@@ 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