Gefeliciteerd, je bent aangenomen als junior developer bij Loop-it Solutions 🌀, een bedrijf dat gespecialiseerd is in... je raadt het al: loops. Je eerste opdracht? De HR-afdeling heeft dringend hulp nodig, want er zijn nogal wat administratieve problemen. Het lijkt erop dat Bob van HR iedere keer dezelfde taken opnieuw doet, handmatig. E-mailadressen genereren? Handmatig. Postcodes invullen? Handmatig. Zelfs cijfers omzetten naar een netter formaat? Je raadt het al: handmatig. Bob zegt dat hij 'geen tijd' heeft om te leren programmeren, dus het is aan jou om hem te redden – met JavaScript loops!
Deze opdracht bestaat uit meerdere opdrachten van oplopende moeilijkheidsgraad, om je klaar te stomen voor de taken van Bob. Maak de opdrachten daarom in de volgende volgorde:
loops.jsloops-and-arrays.jsloops-arrays-objects.js
Om de opdracht te maken kun je de opdracht clonen of downloaden naar jouw eigen computer. Schrijf onder iedere vraag de
JavaScript code die gevraagd wordt en check overal met een console.log() of het klopt.
Tip: alle bestanden bevatten een bonus-opdracht voor extra uitdaging. Had je moeite met de eerdere opgaven? Dan mag je de bonusopdracht overslaan.
Als je de code wil runnen kun je dit doen door het volgende in de terminal in te voeren:
nodemon loops.js
Als je wisselt van bestand moet je nodemon eerst stoppen (ctrl + c voor zowel Windows als Mac) en dan opnieuw starten met de nieuwe bestandsnaam, zoals bijvoorbeeld:
nodemon arrays-and-loops.js
Je kunt er ook voor kiezen om de bestanden te koppelen aan een HTML-document (deze maak je zelf aan). Koppel het script aan de HTML-pagina door onderaan de body de volgende tag te plaatsen:
<script src="loops.js"></script>
<script src="loops-and-arrays.js"></script>
<script src="loops-arrays-objects.js"></script>Let op: je bekijkt de console dan ook in de browser, niet in de terminal. En vergeet niet dat je na iedere wijziging eerst de browser even moet refreshen.