LU08.L03 - Methode: getElementbyTagName

Auftrag

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

  1. Legen Sie ein Array mit einer passenden Anzahl von Früchen an.
  2. Die aktuelen Default Texte sollen bei Knopdruck die Methode machEtwas aufgerufen werden, sodass neu Ich liebe … und der Früchtename erscheint.
  3. Hinweise:
    • Die Anzahl Früchte im Array muss der zu anzeigenden Anzahl von Texten entsprechen.
    • Zugriff auf die Arrayelemente erhalten Sie über eine zusätzlichen Index i, der in der Schleife inkrementiert wird (um eines hochgezählt durch i++)
    • Den neuen Text dynamisch anpassen können Sie durch diese Zeile durchf^ühren item.innerHTML = `Ich liebe ${fruechte[i]}`;

Zielzustand

Vor dem Push Nach dem Push

Der Quellcode der Lösung ist downloadbar: lu08_l03.zip


Volkan Demir