Gesamtliste
Anzeige aller Noten
Die Anzeige soll nun erweitert werden, so dass alle Noten angezeigt werden. Das Programm hat damit folgende Form:
module Main exposing (main)
import Html exposing (..)
import Html.Attributes exposing (..)
viewNote : Int -> Html msg
viewNote note =
p [][] -- Deine Version von viewNote
view : List Int -> Html msg
view notenliste =
div []
[ h1 [] [ text "Noten der Kursarbeit" ]
, -- hier muss die Liste der Noten dargestellt werden
]
main =
view [ 2, 9, 10, 1, 12, 3, 11, 14 ]
Aufgabe 1
Ergänze die Implementierung der Funktion view
, so dass die Liste der Noten
angezeigt wird.
Hilfe
Nutze eine weitere div
-Funktion, um die Liste der Noten zu gruppieren.
Die Attribut-Liste (der erste Parameter der div
-Funktion)
kann leer sein.
Die Liste der Noten wird mit der List.map
-Funktion in eine Liste von
HTML-Elementen umgewandelt und stellt den zweiten Parameter der
div
-Funktion dar.