先到二十
构建游戏
先到二十 是 CoddyKit 上的免费 Javascript for Kids 课时。 这是第 4 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Javascript for Kids 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 Javascript for Kids 课程共包含 4 节课。
先到二十者获胜！🎯
是时候构建一个真正的游戏了：先到二十者获胜！🎯
玩家轮流掷骰子。第一个达到20分的人获胜！🏆
console.log('First to 20 wins! 🎯')
console.log('Keep rolling! 🎲')目标 🏁
让我们将目标设为20。我们会一直掷骰子，直到分数达到目标！🏁
我们把目标存入一个盒子，这样之后更容易修改。📦
let goal = 20
console.log('Goal: reach ' + goal + ' points! 🎯')设置初始分数 📦
每场游戏都从 0 分开始。📦
我们会不断掷骰子并累加，直到达到目标！🎲
let score = 0
let goal = 20
console.log('Score: ' + score + ' / Goal: ' + goal)一直掷到二十 🔄
while 循环非常合适！只要分数低于 20，它就会持续掷骰子。🔄
当分数达到 20 或更高时，循环就会停止！🛑
let score = 0
while (score < 20) {
score += Math.floor(Math.random() * 6) + 1
}
console.log('Reached ' + score + '! 🎉')显示每次投掷 🎲
让我们打印每次投掷的结果，这样就能观察游戏进程！🎲
看着分数不断上升真令人兴奋！📈
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! 🏆')两位玩家轮流进行 👥
现在让我们加入 player2！两位玩家都从 0 分开始。👥
让他们比赛，看谁先达到 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 + ' 🎲')两人都冲向二十 🏁
我们会为两位玩家持续掷骰子，直到一人达到 20 分！🏁
我们使用 OR ||，在任意一位玩家获胜时停止。🔀
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 + ' 🎲')找出获胜者 🏆
停止投掷后，我们检查谁先达到 20 分！🏆
使用 if 找出冠军！🎉
let p1 = 21
let p2 = 18
if (p1 >= 20) {
console.log('Player 1 wins! 🏆')
} else {
console.log('Player 2 wins! 🏆')
}完整游戏 🕹️
让我们把 EVERYTHING 组合成一个游戏！🕹️
掷骰子、累加、检查，并宣布获胜者！🎉
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! 🏆')打造属于您的游戏！🎨
现在您可以修改游戏了！🎨
- 将目标改为 30 或 50 🎯
- 为掷出 6 增加奖励分 🎁
- 加入第三位玩家！👥
现在这是您的游戏了！😎
let goal = 30
console.log('New goal: ' + goal + '! 🎯')
console.log('Make the game your own! 🎨')您制作了完整的游戏！🕹️
哇！您制作了完整的先到二十者获胜游戏！🎉
- 需要达到的目标 🎯
- 持续掷骰子的
while循环 🔄 - 每位玩家的分数 🏅
- 检查获胜者 🏆
console.log('You built a game! 🕹️')
console.log('You are amazing! 🌟')快速检查 🧠
最后一道思考题！🤔
您做到了！🎉
您完成了掷骰子课程！🥳
- 掷了一个骰子 🎲
- 掷了两个骰子并将它们相加 🎲🎲
- 记录了得分 🏅
- 制作了先到二十者获胜游戏 🎯
您是真正的游戏创作者！🌟
console.log('Course complete! 🎓')
console.log('Great rolling! 🎲🎉')
用 AI 导师学习 JavaScript — 免费
在浏览器中编写并运行真实代码，获得全天候 AI 导师的即时帮助，并在网页或应用中继续学习。
- 课程
- 35
- 课程
- 140
常见问题解答
「先到二十」课时是免费的吗？
是的 — 「先到二十」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 Javascript for Kids 课程的其余内容，请升级到 CoddyKit PRO。 Javascript for Kids 课程共包含 4 节课。
「先到二十」这节课中我会学到什么？
构建游戏 你通过在浏览器中直接运行的动手代码来练习 Javascript for Kids，全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 Javascript for Kids 需要有经验吗？
无需任何先前经验。CoddyKit 上的 Javascript for Kids 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 4 节课，共 4 节。
「先到二十」课时需要多长时间？
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。
我能在这节 Javascript for Kids 课中编写并运行代码吗？
能。每节 Javascript for Kids 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。