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

Sådan kan vi tilføje JavaScript til HTML-dokumentet:

Inline JavaScript

JavaScript kan inkluderes direkte i HTML-dokumentet ved hjælp af <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 scripts eller når vi ønsker at genbruge kode på tværs af flere sider, er det almindeligt at anvende eksterne JavaScript-filer. Opret en separat JavaScript-fil (f.eks. index.js) og tilknyt den til HTML-dokumentet ved hjælp af <script>-tagget.

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

Variabler bruges til at gemme dataværdier. Variabler kan deklareres med nøgleordene let eller const.

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

Funktioner

Funktioner er genanvendelige kodeblokke, der udfører en specifik opgave. Funktioner kan defineres med nøgleordet function.

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

DOM-manipulation

Document Object Model (DOM) repræsenterer strukturen af en webside. JavaScript muliggør manipulation af DOM for dynamisk at ændre indhold og adfærd på websiden.

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

Betingede udsagn

Betingede udsagn gør det muligt at udføre forskellige kodeblokke baseret på specificerede betingelser.

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

Videovejledning