Hoe JavaScript in een HTML-pagina invoegen?

Het invoegen van JavaScript in een HTML-pagina kan op verschillende manieren. De meest voorkomende manieren zijn via de script tag en via een externe JavaScript-bestand:

1. Via de script-tag:

Je kunt JavaScript code rechtstreeks in de HTML-pagina invoegen door de `` tags geplaatst.

```

My First JavaScript

```

1. Via een extern JavaScript-bestand:

Naast het direct schrijven van JavaScript in de HTML, kun je ook een extern JavaScript-bestand maken (meestal met een .js extensie) en vervolgens een link naar dat bestand opnemen in je HTML-pagina via de src attribuut in de script tag.

```

My First JavaScript

```

In bovenstaand script.js-bestand zal de JavaScript-code staan. Dit is vooral handig bij grotere projecten waar de JavaScript code complexer en omvangrijker wordt, of wanneer je dezelfde JavaScript code op meerdere webpagina’s wilt gebruiken.

Vergeet niet dat JavaScript code, in tegenstelling tot CSS, meestal onderaan de body wordt geplaatst om te voorkomen dat de rest van de pagina wordt geblokkeerd tijdens het laden van de script. Maar in sommige gevallen, bijvoorbeeld als de script afhankelijk is van DOM-elementen, moet je de script in de head-sectie plaatsen en het async of defer attribuut gebruiken om het asynchroon te laden.