Ü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.

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.