Ga naar hoofdinhoud

Console

De browser-console (DevTools Console) is een ingebouwde omgeving waar je JavaScript-code direct kunt uitvoeren, testen en fouten kunt opsporen (debuggen).

Console Openen​

Je opent de ontwikkelaarsconsoles via de volgende sneltoetsen in je browser:

  • Windows / Linux: Ctrl + Shift + J (in Chrome/Edge) of Ctrl + Shift + K (in Firefox). Je kunt ook op F12 drukken en naar het tabblad Console navigeren.
  • Mac: Cmd + Option + J (Chrome) of Cmd + Option + K (Firefox).

Code Uitvoeren​

Je kunt direct JavaScript-code in de console typen en op Enter drukken om deze uit te voeren. Dit is ideaal om snel formules, variabelen of functies uit te proberen.

const a = 5;
const b = 10;
a + b; // Geeft direct 15 terug

(Gebruik Shift + Enter als je een nieuwe regel wilt toevoegen zonder de code meteen uit te voeren).

Debuggen​

Tijdens het bouwen van een website gebruik je de console voornamelijk om berichten vanuit je eigen code te bekijken of om te zien waar het misgaat:

  • Loggen: Met console.log() toon je de waarde van variabelen of meldingen in het scherm:
const naam = "Alex";
console.log("De naam is: " + naam);

  • Foutmeldingen (Errors): Als er een syntactische of logische fout in je JavaScript-bestand zit, toont de console een rode foutmelding waarin precies staat op welke regel en in welk bestand de fout zich bevindt.