Första programmet och I/O (console, alerts i webbläsaren)
Skriv era första små program och öva på I/O: konsolutskrifter i alla runtime-miljöer och alerts i webbläsaren.
Första programmet och I/O (console, alerts i webbläsaren) är en gratis lektion i JavaScript Academy på CoddyKit. Detta är lektion 3 av 3. Du kan läsa vilka 3 lektioner som helst i den här lärvägen kostnadsfritt i sin helhet – därefter låser CoddyKit PRO upp alla lektioner, plus praktisk övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Den ingår i lärvägen för JavaScript Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i JavaScript Academy innehåller totalt 3 lektioner.
Introduktion
Mål: Skriva ut meddelanden tydligt och säkert. Använd console.log överallt och alert i webbläsaren.
- Litet program
- Grunderna i konsolen
- alert med reservlösning
Första konsolutskriften
Skapa en enkel funktion, anropa den och skriv ut resultatet med console.log.
// A tiny first program
function hello(name) {
return "Hello, " + name + "!";
}
const message = hello("Coder");
console.log(message);
Lättlästa konsolloggar
Korta, märkta rader är enklare att snabbt läsa på små skärmar.
// Keep logs short and labeled for mobile
const level = 1;
const user = "Ayla";
console.log("User:", user);
console.log("Level:", level);
Ren funktion + utdata
Rena funktioner returnerar värden utan sidoeffekter och passar perfekt för enkla utskrifter.
// Pure function: predictable output
function add(a, b) {
return a + b;
}
const total = add(2, 3);
console.log("Total:", total);
alert med reservlösning
alert fungerar endast i webbläsaren. Ange alltid console.log som reservlösning.
// Use alert in browsers; fall back to console elsewhere
const text = "Welcome to JavaScript!";
const canAlert = typeof alert === "function";
if (canAlert) {
alert(text);
} else {
console.log(text);
}
I/O-tips
Tips:
- Föredra ett värde per rad.
- Använd tydliga etiketter som "Total:".
- Kontrollera funktioner innan webbläsar-API:er anropas.
Quiz: utdata i olika körmiljöer
Snabbkontroll: Utdata i olika körmiljöer.
Sammanfattning
Sammanfattning: Ni skrev små program, skrev ut lättlästa loggar och använde alert med en säker reservlösning som fungerar i alla körmiljöer.
Lär dig JavaScript med en AI-lärare – gratis
Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.
- Kurser
- 59
- Lektioner
- 200
Vanliga frågor
Är lektionen ”Första programmet och I/O (console, alerts i webbläsaren)” gratis?
Ja – du kan läsa vilka 3 lektioner som helst i lärvägen JavaScript Academy, inklusive ”Första programmet och I/O (console, alerts i webbläsaren)”, kostnadsfritt i sin helhet här på webben. Därefter låser CoddyKit PRO upp alla lektioner, plus interaktiv övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Kursen i JavaScript Academy innehåller totalt 3 lektioner.
Vad lär jag mig i ”Första programmet och I/O (console, alerts i webbläsaren)”?
Skriv era första små program och öva på I/O: konsolutskrifter i alla runtime-miljöer och alerts i webbläsaren. Ni övar på JavaScript Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.
Behöver jag någon erfarenhet för att börja lära mig JavaScript Academy?
Du behöver inga förkunskaper. Utbildningen i JavaScript Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 3 av 3.
Hur lång tid tar lektionen ”Första programmet och I/O (console, alerts i webbläsaren)”?
De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.
Kan jag skriva och köra kod i den här JavaScript Academy-lektionen?
Ja. Varje JavaScript Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.
Alla lektioner i den här kursen
- Vad är JavaScript? Motorer (V8/SpiderMonkey) och runtime-miljöer (webbläsare kontra Node)
- Konfiguration: Node + npm, köra .js och DevTools-konsolen
- Första programmet och I/O (console, alerts i webbläsaren)