Übungen

Aufgabe 1

Stelle den DOM-Baum des folgenden HTML-Codes dar. Markiere Elementknoten gelb, Attributknoten grün und Textknoten blau.

<p id="inhalt" class="wichtig">
    Ich finde <a href="https://elm-lang.org">Elm</a>
    toll <img src="smile.jpg" alt="Lächelndes Gesicht">.
</p>

Aufgabe 2

Gib den HTML-Code zu folgendem DOM-Baum an:

Aufgabe 3

Aufgabe 4

Erstelle ein neues Projekt (in ellie-app und/oder lokal), das die Zahl und/oder die Kosten der benötigten Wandtattoos für eine fest vorgegebene Beispielwand berechnet.
Hinweis: Da wir noch nicht wissen wie man mehr als einen Textknoten im DOM erzeugen kann, muss die Ausgabe in einer einzelnen Zeichenkette erfolgen.
Probiere möglichst wenig beim "Hallo Elm"-Projekt zu spicken.