JavaScript — Introduktion genom exempel

1.3 Konsolen

I webbläsarna finns en del verktyg för utvecklare och ett av dem är konsolen. I den visas felmeddelanden, då programmet innehåller något fel, vilket det ofta gör då och då under utvecklingen. Man kan också skriva ut texter och innehåll i variabler med ett kommando, som en hjälp under utvecklingen. I detta exempel ska vi titta på hur man får fram konsolen och göra utskrifter i den. Webbläsaren som används är Firefox.

Sammanfattning

• Ta fram konsolen med snabbkommando alt cmd i (Mac OS) / alt ctr i (Windows).
• Skriv i konsolen med console.log()
• Felmeddelanden visas med hänvisning till radnummer i koden. Detta är dock stället där det blir problem i koden. Det verkliga felet kan ligga någon annanstans.

Egna övningar

Här följer ett förslag på några egna övningar. Öppna filen test.html och test.js i Visual Studio Code. Öppna också test.html med Live Server. Utför sedan följande:

• Lägg in ett script-element sist i head-delen. Skriv in en referens till test.js i src-attributet.
• Filen test.js har redan en init-funktion, som anropas då webbsidan är inladdad. Men funktionen är tom, så skriv in en utskrift med console.log(), så att du kan se att programmet kommer in i funktionen.
  • Om utskriften inte kommer ut i konsolen, så har du antingen skrivit fel i referensen till js-filen i script-elementet i HTML-filen, eller så har du skrivit något fel i console.log. Så kontrollera stavningen på dessa båda ställen. Kontrollera också att "Loggar" är markerat i konsolen.
• Inför något fel i JavaScript-koden. Ta t.ex. bort parenteserna efter init och kontrollera det felmeddelande du får i konsolen.
  • Får du inget felmeddelande, kontrollerar du att "Fel" är markerat i konsolen.