Steen, papier, schaar spel in JavaScript
-
JavaScript
-
Front-end
De opdracht
De opdracht is om een interactief spel te maken in JavaScript, dat gebruik maakt van meerdere variabelen, loops, functies en de html-pagina kan beïnvloeden op basis van input van de gebruiker.
Proces
Ik heb eerst vastgesteld welke variabelen nodig zijn en welke gedeeltes van de html-pagina kunnen worden aangepast op basis van wat de gebruiker doet. Vervolgens ben ik een simpele versie gaan maken zonder opmaak, om te testen of mijn code succesvol werkt. Daarna is CSS toegevoegd om het spel compleet te maken.
Resultaat
De gebruiker kan zelf de inzet bepalen en speelt vervolgens daarmee tegen de computer. De score wordt automatisch bijgehouden en per resultaat is er een andere boodschap zichtbaar. Door een vertraging te gebruiken voordat het resultaat wordt getoond, samen met 'schud' CSS-animatie, blijft het spannend wat het resultaat zal worden.