SET til Elm

Projekt24

Vi finder SET

I dette kapitel skal vi udbygge vores program, så vi kan vælge SET-kort og vi kan tjekke, om de valgte kort er et SET. Det går vi igang med nu.

At vælge kort

Vi begynder med at udbygge vores program, så vi kan vælge kort. Det CSS stylesheet, der bruges til at vise kortene har også en klasse, der hedder selected. Kort der har denne klasse bliver markeret, som vist her:

Øvelse
Vi laver implementering i følgende trin:
  1. Begynd med at opdatere din model, så den får et felt, der hedder selection med typen List Card.
  2. Modificer din viewCard-funktion, så de kort der er på listen model.selection får klassen selected. Brug funktionen List.member.
  3. Opdater din viewCard-funktion, så der bliver sendt en besked Select Card, når du trykker på et kort.
  4. Opdater din update-funktion, så den kan tilføje et kort til model.selection, når du trykker på kortet.
  5. Overvej, hvordan SET-spillet fungerer. Hvor mange kort må man maksimalt kunne vælge?
  6. Lav en knap med teksten "RESET", som nulstiller markeringen.
Hint!

Beskeden Select Card skal sende det pågældende kort med som information.

Er det et SET?

Nu skal vi skrive en funktion, der kan tjekke om tre kort er et SET.

Øvelse
Lav en funktion isSet, der tjekker om tre kort er et SET. Funktionen skal have følgende typedefinition: 
isSet : Card -> Card -> Card -> Bool
Lav en knap, som man kan trykke på, når man har makeret tre kort. Derefter skal der vises en besked i browseren, så brugeren ved om de valgte kort er et sæt. Overvej, hvad der sker, hvis der ikke er valgt tre kort.