# Javascript opdrachten

Javascript code is in principe niet meer dan een opeenvolging van opdrachten, ook wel statements genoemd. Opdrachten worden van boven naar beneden sequentieel doorlopen. Wanneer er een fout optreedt in een script stopt het script met de uitvoer van opdrachten. De meeste opdrachten doen iets. Ze geven de browser een taak die moet worden uitgevoerd, zoals iets veranderen aan de pagina, een geluid afspelen, data bewaren, ...

Je hebt de volgende opdracht al gezien:

document.write("Hallo Wereld!");

De opdracht vraagt aan de browser om een boodschap in de <body> sectie van het document te schrijven. Je merkt dat de opdracht bestaat uit meerdere delen:

  1. document
  2. write()
  3. "Hallo Wereld"
  4. Een puntkomma ; om de opdracht af te sluiten (optioneel)

Opdrachten zijn weliswaar geschreven in Javascript, maar ze kunnen ook vertaald worden naar het Nederlands door logisch na te denken. De bovenstaande drie onderdelen die de opdracht vormen kunnen we als volgt uitspreken:

Schrijf (write) de tekst "Hallo Wereld" op het document

# Functies uitvoeren

write() is een voorbeeld van de uitvoer van een functie. Een functie neemt meestal de vorm aan van een werkwoord, steeds gevolgd door ronde haken (). Tussen de haken kan optioneel informatie geplaatst worden die de functie nodig heeft om de taak uit te voeren. De functie write() heeft bijvoorbeeld als extra informatie de tekst nodig die je in het document wil plaatsen.

De functie write() bestaat enkel als onderdeel van het object document. Het object document is globaal beschikbaar op elke HTML-pagina en geeft toegang tot het DOM (Document Object Model). Het DOM bevat elk HTML-element op de pagina in een boomstructuur (ouder- en kindelementen). Dit komt later uitgebreid aan bod.

Het punt . tussen document en write() duidt op de relatie tussen de twee onderdelen. De functie write() behoort tot het object document.

Info

Om 100% technisch correct te zijn noemen we een functie een methode wanneer ze deel uitmaakt van een object. write() is dus een methode van het object document.

# Strings

Bij het schrijven van tekst in Javascript code plaats je de tekst steeds tussen aanhalingstekens "". Men noemt dit een string. De reden voor deze schrijfwijze is simpel: anders weet de browser niet of de tekst moet geïnterpreteerd worden als code of als platte tekst. Van deze regel wordt nooit afgeweken. Ze is voor beginners vaak de oorzaak van vele fouten! Plaats dus steeds je aanhalingstekens bij een string!

# Commentaar

Je kan in Javascript net zoals in HTML en CSS ook commentaar aan je code toevoegen. Voor een enkele lijn commentaar kan je dit doen via een dubbele schuine streep //. Ze mag boven, onder of zelfs naast een opdracht geschreven worden.

// Schrijf een boodschap op het scherm
document.write("Hallo Wereld!"); // Via de functie write()

Als je meerdere regels commentaar wil schrijven zonder daarvoor elke regel te beginnen met een // kan je een commentaarblok opstellen door middel van /* om te openen en */ om te sluiten:

/* Schrijf een boodschap op het scherm
   via de methode write()
   van het object document */
document.write("Hallo Wereld!");