JavaScript är ett kraftfullt skriptspråk som körs i webbläsaren och gör det möjligt för oss 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 vi vill återanvända kod 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 är några grundläggande koncept:

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 av 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 möjliggör exekvering av olika kodblock baserat på angivna villkor.

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

Videohandledning