I denna övning ska du göra det klassiska spelet memory. Denna övning kommer täcka in allt vi gått igenom hittills och är en bra övning för att få koll på hur du ligger till i förståelse. Den största utmaningen i denna övning är att hantera ditt state och bygga en bra lösning för detta som blir en bra övning för nästa kommande lektion i React Hooks.
Funktionalitet
- Spelplanen ska vara 4 x 4 alltså 16 kort.
- Det ska visas ett meddelande när användaren har klarat memory-spelet.
- Korten ska "flippas" d.v.s det är gömda först och när en användare klickar på det ska siffran visas.
Detta kräver att du har installerat node och npm. Du kan ladda ner det här.
I terminalen kör:
npm install
Efter det kör:
npm run serve
Det kommer köra igång en utvecklingserver som kollar efter förändringar du kör i dina HTML, CSS och JS filer. Vi kommer diskutera detta lite längre fram men nu fokuserar vi enbart på koden till och börja med.