This article is currently in the process of being translated into Dutch (~99% done).
Hello, world!
Historisch gezien moet elke programmeerhandleiding beginnen met een "Hello, world!"-voorbeeld. Het doel van dit voorbeeld is simpelweg om een bericht naar de gebruiker te sturen, bestaande uit de zin "Hallo, wereld!", zonder enige invoer aan te nemen of iets anders te doen. Het kan helemaal terug worden gevoerd tot 1974, wat minstens 20 jaar was voordat JavaScript zelfs maar was uitgevonden, maar desondanks zal deze tutorial ook beginnen met een "Hallo, wereld!" voorbeeld.
Met JavaScript kan de plaats waar we het bericht uitvoeren variëren, afhankelijk van de JavaScript-engine die wordt gebruikt om het bericht te interpreteren. Als je het bijvoorbeeld vanuit een browser uitvoert, kunnen we de functie alert() gebruiken om het bericht weer te geven:
alert("Hello, world!");Probeer dit voorbeeld uit en je krijgt een mooie pop-up met het wereldberoemde bericht aan de wereld. Zoals we eerder hebben besproken, begint deze tutorial zonder de focus op de browser, maar ik wil wel vermelden dat als je deze code in een HTML-bestand insluit, deze in een SCRIPT-tag moet staan, zoals deze:
<script>
alert("Hello, world!");
</script>Hallo, webpagina!
Met dat in gedachten wil ik je nog een voorbeeld laten zien, waarbij we JavaScript integreren in een echte (zij het eenvoudige) webpagina, om je een idee te geven van hoe het werkt:
<!DOCTYPE html>
<html>
<head>
<title>Hello, world!</title>
</head>
<body>
<p>And now for the world famous message:</p>
<script>
document.write("Hello, world!");
</script>
<p>Thank you, and goodnight!</p>
</body>
</html>Probeer dit voorbeeld uit te voeren, hetzij direct hier in het artikel, of door het op te slaan als een .html bestand op uw computer en het te openen in uw browser.
Maak je niet al te veel zorgen over alle verschillende HTML-tags, die slechts een basisstructuur zijn van een webpagina met een beetje tekst. Concentreer u in plaats daarvan op het scriptblok in het midden. Ik heb het gebruikt om een stuk JavaScript-code rechtstreeks in de HTML-code te integreren (dus eigenlijk in het midden van een webpagina), en gebruik de functie document.write() om tekst rechtstreeks tussen de rest van de inhoud uit te voeren.
Hallo, console!
Houd er rekening mee dat document.write() een browserspecifieke functie is, dus als u dit uitvoert met Node.js, zal het waarschijnlijk niet werken. In plaats daarvan kunnen we een functie gebruiken die voor veel JavaScript-engines werkt: console.log()
console.log("Hello, world!");Als u dit in de browser uitvoert, moet u in de ontwikkelaarsconsole kijken om het bericht te lezen. Hoe u toegang krijgt tot dit gedeelte hangt af van de browser die u gebruikt, maar u kunt proberen op F12 te drukken. Als dat niet werkt, kunt u dit artikel bekijken, waarin wordt uitgelegd hoe u toegang krijgt in verschillende browsers.
Summary
Met het verplichte "Hallo, wereld!" voorbeeld achter de rug, zijn we nu klaar om verder te gaan en meer te leren over de JavaScript-taal.