De opdracht en het eindproduct
Volgens de richtlijnen van deze opdracht, moesten er genoeg van verschillende onderdelen verwerkt worden in de eindopdracht met zelf geschreven JavaScript code. In mijn code heb ik gebruik gemaakt van DOM-manipulatie om bepaalde states te updaten waar dat nodig is. Door deze toepassing maak ik het mogelijk om interactief te spelen met de poes.
Verder kan je je poes zelf een naam geven. Deze naam wordt meteen lokaal opgeslagen in een variabele. Door middel van een event-listener wordt aan de hand van DOM-manipulatie de naam direct verwerkt op de webpagina.
Ook is er de mogelijkheid om je poes etens- en drinkwaren te geven. Elke keer na het klikken op van één van deze opties, worden er willekeurig nieuwe voedingswaren en drinkwaren weergeven als opties. Deze items worden opgeslagen in een array waar ze willekeurig uit worden gehaald.
Om het spel opnieuw te starten, kun je gebruik maken van de R-toets op je toetsenbord. Hiermee wordt de state van het spel herstart zonder de daadwerkelijke pagina te herladen.
Wat heb ik geleerd?
In dit vak heb ik geleerd hoe ik JavaScript op verschillende manieren kan gebruiken in combinatie met HTML/CSS en hoe ik op verschillende manieren DOM-manipulatie kan toepassen. Ik heb de basis van JavaScript mee gekregen binnen dit vak en zou hier graag meer ervaring mee op willen doen in de toekomst.
