Velkommen til JavaScript-grunnkurset! Dette er leksjon 1 av 10. Du kan starte uten konto — fremgangen lagres mens du jobber, og du kan ta en pause når som helst.
Hva JavaScript gjør
Hvor JavaScript hører hjemme, og hva det kan (og ikke kan).
HTML gir siden struktur. CSS gir den utseende. JavaScript gjør den *levende* — den reagerer på deg. Denne leksjonen handler om hva JavaScript kan, hva den ikke kan, og hvor koden din faktisk kjører.
De tre lagene, igjen
Tenk på en side du kjenner: en knapp som legger noe i en handlekurv, en meny som folder seg ut, et skjema som sier «den adressen ser rart ut». All den oppførselen er JavaScript. Språket kjører *i nettleseren din*, rett på siden du ser på — det er det som gjør det perfekt å lære sammen med HTML og CSS.
Hva JavaScript kan
- endre tekst og innhold på siden etter at den er lastet
- reagere på klikk, tastetrykk og rulling
- sjekke skjemaer før de sendes
- hente data fra en server uten å laste siden på nytt
Hva JavaScript *ikke* kan
Det er like viktig å vite hva som er utenfor rekkevidde. JavaScript i nettleseren kan ikke fritt lese filene på maskinen din, og den kan ikke gjøre noe bak ryggen din uten at siden er åpen. Det er en sikkerhetsgrense som beskytter brukerne — og deg.
Prøv selv
Hvor koden bor
Du klikker «legg i kurven», og varen dukker opp i listen uten at siden lastes på nytt. Hvor kjører koden som gjorde det?
Det finnes ikke feil her — trykk på alle tre hvis du vil.
Møt konsollen
Før koden din endrer siden, skal den skrive ut ting. console.log er JavaScript-svaret på «se her» — den skriver en verdi til nettleserens konsoll. Åpne konsollen med F12 og fanen «Console», og prøv:
console.log("Hei, verden!");console.log(2 + 2);Tips
Konsollen er vennen din
Resten av kurset skal du bruke konsollen nesten i hver leksjon. Den er ikke et verktøy bare for feilsøking — den er den raskeste måten å se hva koden din faktisk gjør.
Ordforklaring
Et navn som peker på en verdi — en merket boks med én ting i, slik at du kan bruke den senere. Klikk på ordet hvis du vil ha hele forklaringen fra ordboken.
Du kan nå
- forklare hvor JavaScript hører hjemme: i nettleseren, på siden
- nevne tre ting JavaScript kan og én ting den ikke kan
- åpne konsollen og skrive ut med
console.log