JavaScript för barn · Lektion

Först till tjugo

Bygg spelet

Lektion 4 av 413 steg

Först till tjugo är en gratis lektion i JavaScript för barn på CoddyKit. Detta är lektion 4 av 4. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för JavaScript för barn, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i JavaScript för barn innehåller totalt 4 lektioner.

Först till Twenty vinner! 🎯

Dags att bygga ett riktigt spel: First to Twenty! 🎯

Spelarna turas om att kasta. Den som först når 20 poäng vinner! 🏆

console.log('First to 20 wins! 🎯')
console.log('Keep rolling! 🎲')

Målet 🏁

Nu sätter vi målet till 20. Vi fortsätter kasta tills poängen når målet! 🏁

Vi sparar målet i en ruta så att det blir enkelt att ändra senare. 📦

let goal = 20
console.log('Goal: reach ' + goal + ' points! 🎯')

Börja räkna poäng 📦

Varje spel börjar på 0 poäng. 📦

Vi kastar och lägger till tills vi når målet! 🎲

let score = 0
let goal = 20
console.log('Score: ' + score + ' / Goal: ' + goal)

Kasta tills du når 20 🔄

En while-loop passar perfekt! Den fortsätter kasta så länge poängen är under 20. 🔄

När vi når 20 eller mer stoppas loopen! 🛑

let score = 0
while (score < 20) {
  score += Math.floor(Math.random() * 6) + 1
}
console.log('Reached ' + score + '! 🎉')

Visa varje kast 🎲

Nu skriver vi ut varje kast så att vi kan följa spelet! 🎲

Det är spännande att se poängen stiga! 📈

let score = 0
while (score < 20) {
  let roll = Math.floor(Math.random() * 6) + 1
  score += roll
  console.log('Rolled ' + roll + ', score is now ' + score)
}
console.log('Winner! 🏆')

Två spelare turas om 👥

Nu lägger vi till spelare 2! Båda börjar på 0. 👥

Nu låter vi dem tävla om att nå 20! 🏁

let player1 = 0
let player2 = 0
player1 += Math.floor(Math.random() * 6) + 1
player2 += Math.floor(Math.random() * 6) + 1
console.log('P1: ' + player1 + ', P2: ' + player2 + ' 🎲')

Båda tävlar om att nå 20 🏁

Vi fortsätter kasta för båda spelarna tills en av dem når 20! 🏁

Vi använder OR || för att stoppa när någon av dem vinner. 🔀

let p1 = 0
let p2 = 0
while (p1 < 20 && p2 < 20) {
  p1 += Math.floor(Math.random() * 6) + 1
  p2 += Math.floor(Math.random() * 6) + 1
}
console.log('Final: P1=' + p1 + ' P2=' + p2 + ' 🎲')

Hitta vinnaren 🏆

När kasten är slut kontrollerar vi vem som först nådde 20! 🏆

Använd if för att hitta mästaren! 🎉

let p1 = 21
let p2 = 18
if (p1 >= 20) {
  console.log('Player 1 wins! 🏆')
} else {
  console.log('Player 2 wins! 🏆')
}

Hela spelet 🕹️

Nu sätter vi ihop ALLT till ett enda spel! 🕹️

Kasta, lägg till, kontrollera och utse vinnaren! 🎉

let p1 = 0
let p2 = 0
while (p1 < 20 && p2 < 20) {
  p1 += Math.floor(Math.random() * 6) + 1
  p2 += Math.floor(Math.random() * 6) + 1
}
console.log('P1: ' + p1 + ', P2: ' + p2)
if (p1 >= 20) console.log('Player 1 wins! 🏆')
else console.log('Player 2 wins! 🏆')

Gör spelet till ditt eget! 🎨

Nu kan du ändra spelet! 🎨

Ändra målet till 30 eller 50 🎯
Lägg till bonuspoäng för sexor 🎁
Lägg till en tredje spelare! 👥

Nu är det ditt spel! 😎

let goal = 30
console.log('New goal: ' + goal + '! 🎯')
console.log('Make the game your own! 🎨')

Du byggde ett helt spel! 🕹️

Wow! Du byggde hela spelet First to Twenty! 🎉

Ett mål att nå 🎯
En while-loop som fortsätter kasta 🔄
Poäng för varje spelare 🏅
En kontroll för att hitta vinnaren 🏆

console.log('You built a game! 🕹️')
console.log('You are amazing! 🌟')

Snabb koll 🧠

Sista hjärnfrågan! 🤔

Besvara frågan i den interaktiva lektionen

Du klarade det! 🎉

Du har slutfört kursen Roll the Dice! 🥳

Kastat en tärning 🎲
Kastat två tärningar och lagt ihop resultaten 🎲🎲
Hållit reda på poäng 🏅
Byggt First to Twenty 🎯

Du är en riktig spelutvecklare! 🌟

console.log('Course complete! 🎓')
console.log('Great rolling! 🎲🎉')

Gratis att börja

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: 35
Lektioner: 140

Börja lära dig gratis Visa hela kursen

Vanliga frågor

Är lektionen ”Först till tjugo” gratis?

Ja – hela texten till ”Först till tjugo” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i JavaScript för barn, kan Ni uppgradera till CoddyKit PRO. Kursen i JavaScript för barn innehåller totalt 4 lektioner.

Vad lär jag mig i ”Först till tjugo”?

Bygg spelet Ni övar på JavaScript för barn 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 för barn?

Du behöver inga förkunskaper. Utbildningen i JavaScript för barn 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 4 av 4.

Hur lång tid tar lektionen ”Först till tjugo”?

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 för barn-lektionen?

Ja. Varje JavaScript för barn-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

← Tillbaka till JavaScript för barn