Spring naar de inhoud

Steen, papier, schaar spel in JavaScript

interface spel
Interface van het steen papier schaar spel dat ik in JavaScript heb geprogrammeerd

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.


Het spel