När något inte fungerar · Koda med Martin

Ett räddningskapitel. Varje programmerare fastnar ibland – även de bästa. Så här gör du.

Först det viktigaste

När något inte fungerar är det inte ditt fel och du har inte förstört något. Att fastna är en helt normal del av programmering. Professionella programmerare jagar buggar varje dag – skillnaden är att de lärt sig göra det lugnt.

Den gyllene regeln: läs noga

90% av alla buggar i kod är stavfel. Datorer är otroligt petiga:

<h1> funkar, <hl> inte (siffran ett vs. ett litet L)
index.html funkar, index. html inte (ett extra mellanslag)
Varje öppnande tagg <p> behöver sin egen avslutande </p>

Jämför din kod med koden i lektionen bokstav för bokstav. Du hittar oftast felet inom en minut.

Vanliga problem och lösningar

”Det öppnas bara som vanlig text, inte en sida”

Din fil heter förmodligen inte index.html, utan något som index.html.txt. Ta bort filen i VS Code och skapa en ny – namnet måste sluta exakt på .html.

”Jag ändrade koden, men inget ändrades på sidan”

Två vanligaste orsaker:

Du glömde spara – tryck Ctrl+S (Cmd+S på Mac). En osparad fil har en prick bredvid namnet i VS Code istället för ett X.
Du glömde uppdatera sidan – tryck F5 i webbläsaren.

”Det står konstiga tecken på sidan istället för accenter”

Filens header saknar raden <meta charset="UTF-8">. Lägg till den mellan <head> och </head> – den berättar för webbläsaren vilket teckenuppsättning din text använder.

”Bilden visas inte, bara en trasig bildikon”

Kolla filnamnet i din kod – det måste vara exakt samma som filnamnet i mappen, inklusive ändelse (photo.jpg är inte samma som photo.JPG eller photo.jpeg).
Bilden måste ligga i samma mapp som din index.html (eller i mappsökvägen du skrev i koden, som images/photo.jpg).

”Plötsligt är halva sidan fet / enorm / blå”

Någonstans glömde du en avslutande tagg. Till exempel saknar <strong> sin </strong>, så allt förblir fet till slutet. Hitta var det blir konstigt och lägg till den saknade avslutande taggen.

När du fortfarande fastnar

Ta en paus. På riktigt. Fem minuter att stirra ut genom fönstret och buggen hittar sig ofta själv. Till och med proffsen gör det.
Läs den trasiga delen högt. Låter dumt, men det funkar – att läsa högt får dig att märka saker ögonen hoppar över.
Be om ett extra par ögon. En förälder, syskon, vän – de behöver inte kunna koda, de behöver bara jämföra din kod med lektionen.
Börja om med en liten del. När det blir för mycket, ta bort sista delen du lade till, kolla att sidan funkar igen, och lägg till den igen – långsammare den här gången.

💡

Kom ihåg: varje bugg du fixar gör dig till en bättre programmerare. Debugging är inget tråkigt jobb, det är en superkraft du bygger upp just nu.