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.