JavaScript er et kraftfuldt scriptsprog, der kører i browseren og giver os mulighed for at manipulere indholdet og adfærden på websiden. Hvis vi sammenligner det med et hus, fungerer JavaScript som husets funktionalitet, der omfatter elementer som el-systemer, VVS, hjemmeautomatisering og centralvarme – kort sagt alt, der giver funktionalitet.

Her er, hvordan vi kan tilføje JavaScript til HTML-dokumentet:

Inline JavaScript

Vi kan inkludere JavaScript direkte i HTML-dokumentet ved at bruge <script>-tagget. Denne metode er nyttig til at tilføje hurtige, enkeltstående scripts.

Eksempel:

Klik venligst på Klik her-knappen nedenfor.

Ekstern JavaScript

For større eller genanvendelige scripts er det bedre at placere din JavaScript i en separat fil og linke den til HTML-siden.

Eksempel

Sørg venligst for at gennemgå alle tre filer i det viste eksempel.

JavaScript-grundlæggende

JavaScript gør det muligt at tilføje interaktivitet og dynamisk adfærd til websider. Her er nogle grundlæggende begreber:

Variabler

Bruges til at gemme data.

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

Funktioner

Genanvendelige kodeblokke.

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

DOM-manipulation

Gør det muligt for JavaScript at ændre, hvad der vises på siden.

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

Betingede udsagn

Kør forskellig kode baseret på betingelser.

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

Videovejledning