JavaScript er et kraftig skriptspråk som kjører i nettleseren, og lar oss manipulere innholdet og oppførselen til nettsiden. Om 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 skript eller når vi ønsker å gjenbruke kode på tvers av flere sider, er det vanlig å bruke eksterne JavaScript-filer. Opprett en egen JavaScript-fil (f.eks. index.js) og koble den til HTML-dokumentet ved å bruke <script>-taggen.

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

Variabler brukes til å lagre dataverdier. Vi kan deklarere variabler ved å bruke nøkkelordene let eller const.

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

Funksjoner

Funksjoner er gjenbrukbare kodeblokker som utfører en spesifikk oppgave. Vi kan definere funksjoner ved å bruke nøkkelordet function.

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

DOM-manipulering

Document Object Model (DOM) representerer strukturen til en nettside. JavaScript gir mulighet til å manipulere DOM for å endre innhold og oppførsel på nettsiden dynamisk.

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

Betingede setninger

Betingede setninger gjør det mulig å utføre ulike kodeblokker basert på spesifiserte betingelser.

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

Videoveiledning