Übungen

Aufgabe 1

Eine Liste von Namen soll angezeigt werden. Alle Namen mit Umlauten sollen gesondert markiert werden, z.B. durch Fettdruck.

Das Grundgerüst sieht folgendermaßen aus:

module Main exposing (main)

import Html exposing (..)
import Html.Attributes exposing (..)


hatUmlaut : String -> Bool
...

viewName : String -> Html msg
...

view : List String -> Html msg
...

main =
    view [ "Anne", "Björn", "Heike", "Jürgen" ]

Aufgabe 2

In Abhängigkeit von einer Zahl von 1 bis 3 soll ein unterschiedliches Bild angezeigt werden. In allen anderen Fällen soll eine Fehlergrafik angezeigt werden. Nutze dazu einen case-Ausdruck. Du kannst beliebige Bilder verwenden oder die folgenden:

https://inf-schule.de/deklarativ/fp_elm/dynamischewebseiten/notenliste/lernstrecke/uebungen/hund.jpg
https://inf-schule.de/deklarativ/fp_elm/dynamischewebseiten/notenliste/lernstrecke/uebungen/katze.jpg
https://inf-schule.de/deklarativ/fp_elm/dynamischewebseiten/notenliste/lernstrecke/uebungen/maus.jpg
https://inf-schule.de/deklarativ/fp_elm/dynamischewebseiten/notenliste/lernstrecke/uebungen/fehler.jpg

Zusatzaufgabe: Erweitere das Programm, so dass es mit Hilfe von List.range eine Liste von Bildern anzeigt.