JavaScript är ett kraftfullt skriptspråk som körs i webbläsaren och gör det möjligt att manipulera innehållet och beteendet på webbsidan. Om vi liknar det vid ett hus fungerar JavaScript som husets funktionalitet, vilket omfattar element som elsystem, VVS, hemautomation och centralvärme – i princip allt som ger funktionalitet.

Så här kan vi lägga till JavaScript i HTML-dokumentet:

Inline JavaScript

Vi kan inkludera JavaScript direkt i HTML-dokumentet med hjälp av <script>-taggen. Denna metod är användbar för att lägga till snabba, tillfälliga skript.

Exempel:

Vänligen klicka på Klicka här-knappen nedan.

Extern JavaScript

För större skript eller när kod behöver återanvändas på flera sidor är det vanligt att använda externa JavaScript-filer. Skapa en separat JavaScript-fil (t.ex. index.js) och länka den till HTML-dokumentet med hjälp av <script>-taggen.

Exempel:

Se till att granska alla tre filer i det angivna exemplet.

JavaScript-grunder

JavaScript möjliggör interaktivitet och dynamiskt beteende på webbsidor. Här följer några grundläggande begrepp:

Variabler

Variabler används för att lagra datavärden. Variabler kan deklareras med nyckelorden let eller const.

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

Funktioner

Funktioner är återanvändbara kodblock som utför en specifik uppgift. Funktioner kan definieras med nyckelordet function.

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

DOM-manipulation

Document Object Model (DOM) representerar strukturen för en webbsida. JavaScript möjliggör manipulation av DOM för att dynamiskt ändra innehåll och beteende på webbsidan.

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

Villkorssatser

Villkorssatser gör det möjligt att köra olika kodblock baserat på angivna villkor.

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

Videogenomgång