Hvad er JavaScript?

bringMeCoffee();

It works on my machine.

Hvad er JavaScript?

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.:

  • Reagere på klik og tastetryk
  • Vise/skjule elementer
  • Validere formularer
  • Hente data fra en server (API) og opdatere siden uden reload
  • Bygge web-apps i browseren
HTML = struktur · CSS = design · JavaScript = funktionalitet

Hvordan bruges JavaScript?

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>
<script>-taggen placeres ofte lige før </body>, så siden kan indlæse indholdet først.

Et simpelt eksempel

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!';
});
JavaScript kan læse og ændre HTML (DOM) mens siden kører.

DOM: JavaScript styrer siden

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 kan både ændre indhold, styles, klasser og reagere på events.

JavaScript i dag

JavaScript startede som et sprog til små scripts, men bruges i dag til alt fra simple hjemmesider til store web-apps.

  • Frontend: interaktive hjemmesider og web-apps
  • Backend: serverkode med f.eks. Node.js
  • Mobil/desktop: apps via web-teknologi (f.eks. Electron, Capacitor)
JavaScript er en af de vigtigste byggesten i moderne webudvikling.

Kommentar / Feedback