JavaScript er et programmeringssprog, der bruges til at skabe interaktivitet og funktionalitet på en hjemmeside. Hvor HTML beskriver indholdet og CSS bestemmer udseendet, gør JavaScript det muligt at reagere på brugerens handlinger.
Med JavaScript kan du f.eks.:
JavaScript kan ligge direkte i en HTML-side, men i praksis ligger det næsten altid i en separat fil med endelsen .js.
Eksempel: link til en JavaScript-fil i HTML:
<script src="app.js"></script>
Her er et lille eksempel, der reagerer på et klik og ændrer tekst på siden.
HTML:
<button id="btn">Klik mig</button> <p id="msg">…</p>
JavaScript (app.js):
const btn = document.querySelector('#btn');
const msg = document.querySelector('#msg');
btn.addEventListener('click', () => {
msg.textContent = 'Du klikkede på knappen!';
});
DOM står for Document Object Model. Det er browserens “model” af HTML-siden, som JavaScript kan læse og ændre.
Eksempel: ændr farve på et element:
const title = document.querySelector('h1');
title.style.color = 'hotpink';
JavaScript startede som et sprog til små scripts, men bruges i dag til alt fra simple hjemmesider til store web-apps.