Skip to main content

Les 1: Herhaling JavaScript I

Console

Tijdens de uitleg van JavaScript (JS)maakt de docent gebruik van de console van Google Chrome. 

De console kun je openen door te klikken op de drie puntjes naast de adresbalk, deze opent een lijst van mogelijkheden. Click op "Meer hulpprogramma's" -> "Hulpprogramma's voor ontwikkelaars", merk op dat de console - afhankelijk van je instellingen - aan de rechterkant van je browser verschijnt.

De console kan ook geopend worden met de keyboard shortcut: CTRL + SHIFT + I of fn + F12.  

Variabelen

Een variabele verwijst naar een plekje in het computergeheugen. Met behulp van de variabele kun je van een bepaalde waarde uit het geheugen tonen/gebruiken en - als het nodig is - veranderen.

Om verwarring te voorkomen, is het belangrijk dat de variabele naam uniek is. Dit betekend dat de variabelenaam niet mag bestaan.

Waar moet een variabele naam aan voldoen?

  1. Het belangrijkste is dat de naam van een variabele uniek moet zijn.
  2. De naam van de variabele moet beginnen met een underscore(_), kleine- of hoofdletter.
  3. Het eerstvolgende woord in de naam van de variabele mag beginnen met een letter, _ of cijfer.

Variabele namen zijn case sensitive, dit betekend dat er onderscheid wordt gemaakt tussen X en x.

Hoe kan ik een variabele aanmaken en gebruiken?

Het is mogelijk om een variabele eerst aan te maken en dan een waarde toe te kennen. Bijvoorbeeld:

var nummer;
nummer = 42;

Als je weet welke (begin)waarde een variabele heeft, kun je deze gelijk toekennen aan een variabele. Bijvoorbeeld:

var nummer = 42;

Code

JavaScript code kun je schrijven tussen een script tag, nog netter zou zijn om het in een external JavaScript file te schrijven.
Beide manieren worden hieronder gedemonstreerd:

<script>

De <script> tag wordt gebruikt om een client-side script (JavaScript) te definiëren en kan een script bevatten, of verwijzen naar een script.

Het volgende voorbeeld laat een HTML skeleton zien, met een script tag die JavaScript bevat:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Mijn prachtige titel</title>
	<script type="text/javascript">
    	var stelling = "Minecraft is leuker dan Fortnite";
		document.write(stelling);
    </script>
  </head>
  <body>
  
  </body>
</html>

Het is ook mogelijk om JavaScript in een extern bestand te schrijven. Met behulp van de <script> tag kun je vervolgens verwijzen naar dit bestand. De bovenstaande code zou ook als volgt geschreven kunnen worden:

HTML:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Mijn prachtige titel</title>
	<script type="text/javascript">
    	var stelling = "Minecraft is leuker dan Fortnite";
		document.write(stelling);
    </script>
  </head>
  <body>
  
  </body>
</html>

 

JavaScript (naam van het bestand is gameStelling.js):

 

External JS file

 

 

Begrippen

Case sensitive = Hoofdletter gevoeling, met andere woorden, x en X zijn niet hetzelfde.

Back to top