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 elektriske systemer, VVS, hjemmeautomatisering og centralvarme – kort sagt alt, der giver funktionalitet.

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

Inline JavaScript

Vi kan inkludere JavaScript direkte i HTML-dokumentet ved hjælp af <script>-tagget. Denne metode er nyttig til at tilføje hurtige, engangs-scripts.

Eksempel:

Klik venligst på Klik her-knappen nedenfor.

Ekstern JavaScript

For større scripts eller når kode skal genbruges 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:

Gennemgå venligst alle tre filer i det viste eksempel.

JavaScript-grundlæggende

JavaScript muliggør tilføjelse af interaktivitet og dynamisk adfærd på websider. Her er nogle grundlæggende begreber:

Variabler

Variabler bruges til at gemme dataværdier. Variabler kan deklareres ved hjælp af 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 ved hjælp af 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å angivne betingelser.

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

Videovejledning