JavaScript is een krachtige scripttaal die in de browser draait en waarmee we de inhoud en het gedrag van de webpagina kunnen manipuleren. Vergelijkbaar met een huis fungeert JavaScript als de functionaliteit van het huis, waaronder elementen zoals elektrische systemen, sanitair, huisautomatisering en centrale verwarming – kortom, alles wat functionaliteit biedt.

Hier volgt hoe we JavaScript kunnen toevoegen aan het HTML-document:

Inline JavaScript

We kunnen JavaScript direct opnemen in het HTML-document met behulp van de <script>-tag. Deze methode is handig voor het toevoegen van snelle, eenmalige scripts.

Voorbeeld:

Klik op de Klik Mij knop hieronder.

Externe JavaScript

Voor grotere of herbruikbare scripts is het beter om je JavaScript in een apart bestand te plaatsen en deze te koppelen aan de HTML-pagina.

Voorbeeld

Zorg ervoor dat je alle drie de bestanden in het gegeven voorbeeld bekijkt.

JavaScript Basisprincipes

JavaScript maakt het mogelijk om interactiviteit en dynamisch gedrag toe te voegen aan webpagina's. Hier volgen enkele basisconcepten:

Variabelen

Gebruikt om gegevens op te slaan.

let age = 30;
const name = "Peter";

Functies

Herbruikbare codeblokken.

function greet() {
  alert('Hello, World!');
}

DOM-manipulatie

Maakt het mogelijk voor JavaScript om de inhoud van de pagina te wijzigen.

document.getElementById('myElement').innerHTML = 'New Content';

Voorwaardelijke verklaringen

Voer verschillende code uit op basis van voorwaarden.

if (age >= 21) {
  alert('You are an adult.');
} else {
  alert('You are a minor.');
}

Videotutorial