Voor deze oefening heb je kennis van DOM, Fetch API, Drag & Drop API nodig.
Maak een drag en drop spelletje waarbij je door middel van de Drag and Drop API de diertjes kan verslepen naar een dropzone. Als het beestje in het juiste vakje gesleept wordt, dan wordt die daarin verplaatst. Zoniet, dan blijft het beestje op de startpositie.
De HTML & CSS is reeds voorbereid, enkel de interactieve kant ontbreekt nog...
- De DOM moet dynamisch ingevuld worden, het HTML-bestand mag je dus niet wijzigen
- Alle beestjes staan in de
icons-folder - Alle (gecategoriseerde) data vind je terug in de
animals.json - Gebruik de
fetch APIom de data op te halen in JS