Spring til indhold
Academi.dk

Kom i gang med JavaScript på din egen maskine

Du skal bruge to ting for at skrive JavaScript: en editor og en browser. Ingen af dem koster noget, og der skal ikke installeres et sprog. Denne guide tager dig fra ingenting til en side, der kører din egen kode, på et kvarter.

Der skal ikke installeres et sprog

Det er den første gode nyhed. JavaScript kører allerede i den browser, du sidder med. Du skal bruge to ting:

  1. En editor til at skrive koden i. Visual Studio Code er den, langt de fleste bruger, og den, undervisningen tager udgangspunkt i. Den er gratis.
  2. En browser. Den, du har.

Det er det. Ingen kompilator, ingen opsætning, ingen fejlmeddelelser under installationen.

Din første fil

Opret en mappe til faget. Lav en fil i den, der hedder index.html, og skriv:

<!doctype html>
<html lang="da">
  <head>
    <meta charset="utf-8" />
    <title>Min første side</title>
  </head>
  <body>
    <h1>Hej</h1>
    <script src="script.js"></script>
  </body>
</html>

Lav så en fil ved siden af, der hedder script.js:

console.log("Det virker");

Åbn index.html i browseren. Dobbeltklik på filen er nok. Højreklik på siden, vælg Undersøg, og gå til fanen Konsol. Der står “Det virker”.

Læg mærke til, at <script> står nederst i body. Står den i head, kører den, før elementerne findes, og så kan din kode ikke finde dem.

Konsollen er dit vigtigste værktøj

Fanen Konsol er tre ting på én gang:

  • Der, hvor console.log skriver. Det er sådan, du ser, hvad dine variabler faktisk indeholder.
  • Der, hvor fejlbeskederne står. Rødt. Læs dem. Se fejlfinding.
  • En lommeregner. Du kan skrive JavaScript direkte i den og trykke Enter. Det er hurtigere end at oprette en fil, når du bare vil afprøve noget.

Prøv at skrive 2 + 2 i konsollen. Så "5" + 5. Så typeof "5". Du har lige lært mere om datatyper end af at læse om det.

De tre ting, du skal kunne først

I den rækkefølge:

  1. Variabler: at gemme en værdi under et navn.
  2. Betingelser: at få programmet til at vælge.
  3. Løkker: at gentage noget.

Alt andet i første semester bygger på de tre. Bruger du en eftermiddag på at få dem til at sidde, bliver resten af semestret markant lettere.

Vaner, der gør en forskel fra dag ét

  • Kør koden ofte. Fem linjer, kør, fem linjer mere. Så ved du altid, hvor fejlen kom fra.
  • Skriv værdier ud undervejs. Gæt aldrig på, hvad en variabel indeholder.
  • Skriv koden selv. Kopierer du et eksempel ind, kan du det ikke bagefter. Det er langsommere at skrive af, og det er hele pointen.
  • Gem dine gamle opgaver. Du får brug for dem igen før eksamen.

Når du sidder fast

Sig problemet højt i én sætning: “funktionen skulle give et tal, men giver undefined”. Halvdelen af alle fejl bliver fundet midt i den sætning. Resten kan du slå op, og her på siden står forklaringerne på dansk.

Senest gennemgået .