JavaScript-lessen (cursus, zelfstudie)

10/10/2025, by Ivan

JavaScript is een van de populairste programmeertalen ter wereld. Hoewel het in de loop der tijd enigszins aan populariteit heeft ingeboet, blijft het een taal die veel programmeurs leren.
Je hebt JavaScript nodig om later jQuery te kunnen bestuderen. Aangezien jQuery zelf een JavaScript-framework is, moet je eerst de basis van JavaScript begrijpen voordat je met jQuery aan de slag gaat.
JavaScript-code wordt rechtstreeks in de HTML-pagina ingevoegd met behulp van de tags <script></script>:

<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
</script>
</body>
</html>

Sla deze code op als index.html en open het bestand in je browser. Vanaf nu zullen we de JavaScript-code bewerken in dit bestand index.html.
Laten we beginnen met het weergeven van eenvoudige berichten via JavaScript:

<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
alert('JavaScript-cursus van drupalbook.org');
</script>
</body>
</html>

Met de functie alert() tonen we een pop-upvenster. Dit is handig om snel de waarde van een JavaScript-variabele te controleren of om een foutmelding te tonen.
We kunnen ook tekst weergeven met de functie document.write():

...
<script type="text/javascript">
document.write('JavaScript-cursus van drupalbook.org');
</script>
...

Sla het bestand op en vernieuw de browserpagina om de wijzigingen te zien.
We kunnen de JavaScript-code ook in een apart bestand plaatsen:

<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript" src='script.js'>
</script>
</body>
</html>

Hierdoor wordt de JavaScript-code geladen vanuit het bestand script.js. Voeg in dat bestand de volgende functie toe om te controleren of het correct is gekoppeld: alert('JavaScript-cursus van drupalbook.org');.
Het is over het algemeen veel handiger om de code in aparte bestanden te bewaren, zodat de HTML-pagina’s schoon blijven en niet vol JavaScript-code staan.
Dit artikel dient als een introductie tot JavaScript. In de volgende artikelen zullen we de mogelijkheden van de taal uitgebreid bespreken.

Extra Block Types (EBT) - Nieuwe Layout Builder ervaring❗

❗Extra Paragraph Types (EPT) - Nieuwe Paragraphs ervaring

JavaScript-lessen (cursus, zelfstudie)