Verarbeitung von Listen
Verarbeitung mehrerer Klartext-Wörter
Unser Programm soll dahingehend erweitert werden, dass es eine Liste von Klartexten verarbeiten kann. Der Aufruf der view-Funktion sieht dann folgendermaßen aus:
main =
view 3 [ "HALLO", "HUND", "KATZE" ]
Um aus den Elementen der Liste Elementknoten im DOM zu erzeugen,
brauchen wir eine Funktion, die genau diese Abbildung erledigt.
Die Funktion viewWort
erzeugt aus einer Zahl und einer Zeichenkette
einen Elementknoten, also etwas vom Typ Html msg
.
viewWort : Int -> String -> Html msg
viewWort schluessel wort =
div []
[ text wort
, text " "
, text (verschiebeText schluessel wort)
]
Wir können nun die Funktion viewWort
als Parameter für List.map
verwenden, um aus einer List String
eine List (Html msg)
,
also eine Liste von DOM-Teilbäumen zu erzeugen:
Aufgabe 1
Die view
Funktion kann in einem einfachen Fall aus dem Aufruf einer
div
Funktion bestehen. Der erste Parameter (Die Liste von Attributen)
kann leer bleiben. Der zweite Parameter besteht aus dem Aufruf von List.map
.
Da der ganze Aufruf von List.map
den zweiten Parameter von div
darstellt, musst du den Aufruf von List.map
einklammern.
Kopiere den nachstehenden Code und ordne die Elemente, um die view
Funktion zu erhalten.
view
schluessel =
div []
klartextliste
(List.map klartextliste)
(viewWort schluessel)