JavaScript er et kraftig skriptspråk som kjører i nettleseren, og lar oss manipulere innholdet og oppførselen til nettsiden. Hvis vi sammenligner det med et hus, fungerer JavaScript som husets funksjonalitet, og omfatter elementer som elektriske systemer, rørlegging, hjemmeautomatisering og sentralvarme – kort sagt, alt som gir funksjonalitet.

Slik kan vi legge til JavaScript i HTML-dokumentet:

Innebygd JavaScript

Vi kan inkludere JavaScript direkte i HTML-dokumentet ved å bruke <script>-taggen. Denne metoden er nyttig for å legge til raske, engangsskript.

Eksempel:

Vennligst klikk på Klikk her-knappen nedenfor.

Ekstern JavaScript

For større eller gjenbrukbare skript er det bedre å plassere JavaScript-koden i en egen fil og koble den til HTML-siden.

Eksempel

Vennligst sørg for å gjennomgå alle de tre filene i det gitte eksemplet.

Grunnleggende JavaScript

JavaScript gjør det mulig å legge til interaktivitet og dynamisk oppførsel på nettsider. Her er noen grunnleggende konsepter:

Variabler

Brukes til å lagre data.

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

Funksjoner

Gjenbrukbare kodeblokker.

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

DOM-manipulering

Gjør det mulig for JavaScript å endre hva som vises på siden.

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

Betingede setninger

Kjør forskjellig kode basert på betingelser.

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

Videoveiledning