Elm 常見 type 觀察

type alias Html msg =
    Node msg

hello : Html msg
hello =
  div [] [ text "Hello!" ]

node : String -> List (Attribute msg) -> List (Html msg) -> Html msg

div : List (Attribute msg) -> List (Html msg) -> Html msg
div attributes children =
    node "div" attributes children

h1 : List (Attribute msg) -> List (Html msg) -> Html msg
h2 : List (Attribute msg) -> List (Html msg) -> Html msg
h3 : List (Attribute msg) -> List (Html msg) -> Html msg
h4 : List (Attribute msg) -> List (Html msg) -> Html msg
h5 : List (Attribute msg) -> List (Html msg) -> Html msg
h6 : List (Attribute msg) -> List (Html msg) -> Html msg

觀察以下兩個，都是符合的

  div [] [ text "Hello!" ]

  div []
    [ button [ onClick Decrement ] [ text "-" ]
    , div [] [ text (String.fromInt count) ]
    , button [ onClick Increment ] [ text "+" ]
    ]