Ga naar hoofdinhoud

Alien Alphabet

πŸ“‚ Naam project: lab-state-alien-alphabet
πŸ”— Basis project: n/a

Maak een nieuwe React applicatie aan en noem deze lab-state-alien-alphabet.

  • Maak een array aan die de inhoud van de volgende json bevat. Je mag deze gewoon copy pasten: https://raw.githubusercontent.com/slimmii/alien-alphabet/master/alien.json . Zorg wel dat je de interface juist hebt.
  • Zorg ervoor dat alle images van de letters getoond worden. Je kan dit in een button zetten.
  • Als je op een alien letter klikt moet deze toegevoegt worden aan een array. Je moet het volledige object toevoegen, niet enkel de letter.
  • Toon de letters die je gekozen hebt in een lijst.
  • Voeg een backspace button toe die het laatste element van de array verwijdert.
  • Voeg een clear button toe die de array leeg maakt.

Live voorbeeld​

Voorbeeld laden…

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