Voorkennis:
- Javascript functions
- Javascript arrays
Doelen:
- leren aanpassen van afbeeldingen
- leren javascript combineren met afbeeldingen en html
- leren werken met arrays in javascript
Opdracht
Monkey Shuffle is een webpagina met 9 plaatjes van apen. Door op een knop te klikken worden de plaatjes door elkaar gehusseld. In de code maak je gebruik gemaakt van een array met de namen van de plaatjes.
- Zoek 9 afbeeldingen van je favoriete dier en zorg dat ze zijn uitgesneden op het formaat 300 bij 300 pixels.
- Zorg ervoor dat de 9 afbeeldingen in rijen van 3 onder elkaar in je browser worden getoond.
- Dit doe je bijvoorbeeld met een
divmet een breedte van maximaal 1000px. Er kunnen dan maar 3 plaatjes naast elkaar in dediv.
- Dit doe je bijvoorbeeld met een
Uitleg
Hier vind je uitleg over de uitwerking van de opdracht
Resultaat
- Een html-pagina met 9 afbeeldingen in rijen van 3 onder elkaar en een knop
- Plaatjes worden gehusseld als er op de knop wordt geklikt.
- Maak een fork van javascript_11 en upload je bestanden.
Beoordeling
beoordeling_js11_monkey_shuffle.xlsx
