Ga naar hoofdinhoud

Slot machine met map

Download het starterproject en voer daarna npm install uit.

📂 Naam project: lab-basics-slot-machine-map
🔗 Basisproject: de vereiste begincode is inbegrepen in het starterproject.

Maak een nieuwe react applicatie aan lab-basics-slot-machine-map. Kopieer je code van de vorige opdracht naar deze nieuwe applicatie.

Opdracht​

  • Zorg ervoor dat je niet meer werkt met aparte variabelen per slot, maar dat je een array maakt met een variabel aantal slots (bepaald in een variabele).
  • Pas je code nu aan dat je gebruik maakt van een map functie om de slots te tonen in de browser.
  • Ook de tekst "Je hebt gewonnen" of "Je hebt verloren" moet je nu bepalen met een array functie.

Voorbeeldoplossing​

Voorbeeld laden…

Oplossingsvideo​

Oplossing downloaden​

Eerst zelf proberen!

Maak de oefening eerst zelf, ook als het moeizaam gaat. Pas daarna download je de oplossing om ze met je eigen code te vergelijken.

Als je meteen de oplossing bekijkt, leer je niets. Het zoeken en vastlopen is net het deel waar je het meeste uit leert.

Ik heb het geprobeerd, download