Når noe ikke fungerer · Kode med Martin

Et redningskapittel. Hver programmerer setter seg fast iblant – selv de beste. Slik gjør du.

Først det viktigste

Når noe ikke fungerer, er det ikke din feil og du har ikke ødelagt noe. Å sette seg fast er en helt normal del av programmering. Profesjonelle programmerere jakter på bugs hver eneste dag – forskjellen er at de har lært å gjøre det rolig.

Den gylne regelen: les nøye

90% av alle bugs i kode er skrivefeil. Datamaskiner er utrolig kresne:

<h1> fungerer, <hl> ikke (tallet én vs. en liten L)
index.html fungerer, index. html ikke (et ekstra mellomrom)
Hver åpne tagg <p> trenger sin egen avsluttende </p>

Sammenlign koden din med koden i leksjonen bokstav for bokstav. Du finner vanligvis feilen innen et minutt.

Vanlige problemer og løsninger

”Det åpnes bare som ren tekst, ikke en side”

Filen din heter sannsynligvis ikke index.html, men noe som index.html.txt. Slett filen i VS Code og lag en ny – navnet må slutte nøyaktig på .html.

”Jeg endret koden, men ingenting endret seg på siden”

To vanligste årsaker:

Du glemte å lagre – trykk Ctrl+S (Cmd+S på Mac). En ulagret fil har en prikk ved siden av navnet i VS Code i stedet for et X.
Du glemte å oppdatere siden – trykk F5 i nettleseren.

”Det står merkelige tegn på siden i stedet for aksenter”

Filens header mangler linjen <meta charset="UTF-8">. Legg den til mellom <head> og </head> – den forteller nettleseren hvilket tegnsett teksten din bruker.

”Bildet vises ikke, bare et ødelagt bildeikon”

Sjekk filnavnet i koden – det må være nøyaktig det samme som filnavnet i mappen, inkludert filendelse (photo.jpg er ikke det samme som photo.JPG eller photo.jpeg).
Bildet må ligge i samme mappe som index.html (eller i mappestien du skrev i koden, som images/photo.jpg).

”Plutselig er halve siden fet / enorm / blå”

Et sted glemte du en avsluttende tagg. For eksempel mangler <strong> sin </strong>, så alt forblir fet helt til slutten. Finn hvor det blir rart og legg til den manglende avsluttende taggen.

Når du fortsatt sitter fast

Ta en pause. Alvorlig. Fem minutter å stirre ut av vinduet, og buggen finner seg ofte selv. Til og med proffene gjør det.
Les den ødelagte delen høyt. Høres dumt ut, men det fungerer – å lese høyt får deg til å legge merke til ting øynene hopper over.
Be om et ekstra par øyne. En forelder, søsken, venn – de trenger ikke kunne kode, de trenger bare sammenligne koden din med leksjonen.
Start en liten del på nytt. Når det blir for mye, slett siste delen du la til, sjekk at siden fungerer igjen, og legg den til på nytt – saktere denne gangen.

💡

Husk: hver bug du fikser gjør deg til en bedre programmerer. Debugging er ikke en plikt, det er en superkraft du bygger opp akkurat nå.