De første stegene

Det anbefales å bruke en moderne, oppdatert nettleser: Firefox, Chrome, Safari (MacOS) eller Opera. Åpne din nettleser, og gå til google.com. Høyreklikk et sted på siden og velg “Inspect Element”, eller lignende. 

Finn fanen som heter Console:

Her kan vi skrive tekst som javascript tolker, og gir oss et svar. > signaliserer input, < signaliserer output. Skriv inn et regnestykke, og trykk enter. Her har vi eksempel med enkel matematikk:

> 2 + 2
< 4
> 5 * 5
< 25

Men javascript kan naturligvis gjøre mer spennende enn bare matte. Vi kan lagre verdier i datamaskinens minne:

> let myFavoriteNumber = 7
< undefined
> 10 + myFavoriteNumber
< 17

Vi kan lagre andre type data enn tall, som f.eks tekst:

> let myName = 'James'
< undefined
> myName
< "James"

Tekst skal alltid starte og slutte med anførselstegn, eller apostrof. Det er anbefalt at man holder seg til den ene eller den andre.

Vi kan nå bruke variabelen myName i en setning, f.eks:

> 'Hello, my name is ' + myName + '.'
< "Hello, my name is James."

Forskjellen på et tall og en tekst kan enkelt vises slik:

> 2 + 2
< 4
> '2' + '2'
< "22"

Den nederste gir ikke mening matematisk, men fordi javascript bare slår sammen tekstene, så får man 22, istedenfor 4.

Et viktig poeng er at det er du selv som gir variablene navn

> let unicorn = 12
< undefined
> let pizza = 'cheese'
< undefined

På samme måte som at vi kan lage variabelnavn, så har gjerne hvert javascript-miljø sine variabelnavn. I vårt tilfelle er vi i nettlesermiljøet. For å se på dette kan vi skrive inn:

> document.title
< "Google"

document er et objekt, og et objekt kan inneholde egenskaper. Vi går mer inn på hva objekter er senere, men for nå holder det å vite at objektet document inneholder egenskapen title. Hvis du ser opp i fanetittelen, så kan du se at det stemmer.

Men vi kan endre denne tittelen slik:

> document.title = 'Hello'
< "Hello"

Du vil nå se at fanetittelen har endret seg til Hello. I tilfelle du er bekymret for at du nettopp hacket google, kan jeg beroe deg med at teksten kun oppdaterer seg for oss i vår nettleser, og vil ikke bli lagret noe sted.

Vi kan bruke dette også til å endre bakgrunnen på nettsiden:

> document.body.style.backgroundColor = ‘lightblue’

For å forklare denne linja litt bedre, så kan du se på det som matryoshka dukker. Document er altså et objekt, som inneholder objektet body, som inneholder objektet style som inneholder egenskapen backgroundColor, som vi kan sette til en verdi for å endre fargen på nettsiden. Hvis ikke dette gir mening helt enda, så vil du få mer følelsen for det etterhvert.

På samme måte som at vi opprettet våre variabelnavn, så har altså nettleseren sine variabelnavn som vi kan få tak i. Men ingen av ordene (document, body, style osv) er altså en del av språket JavaScript.