做出选择
为故事创建分支
做出选择 是 CoddyKit 上的免费 Javascript for Kids 课时。 这是第 2 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Javascript for Kids 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 Javascript for Kids 课程共包含 4 节课。
选择您的道路!🌿
冒险游戏中 BEST 的部分就是:choices!向左还是向右?开门还是逃跑?让我们让故事分支吧!🛤️
一个简单的选择 🤔
将玩家的选择存储在一个变量中,然后使用if对此做出反应。
let choice = "left"
if (choice === "left") {
console.log("You go left into a sunny meadow! 🌼")
}使用 else 设置两条路径 🔀
如果玩家改为向右走呢?else负责处理另一条路径!
let choice = "right"
if (choice === "left") {
console.log("Sunny meadow! 🌼")
} else {
console.log("You go right into a spooky cave! 🦇")
}使用 else if 设置三个选择 🔢
路径更多?使用else if处理第三个或第四个选择!
let choice = "up"
if (choice === "left") {
console.log("Meadow!")
} else if (choice === "up") {
console.log("You climb a tall mountain! ⛰️")
} else {
console.log("Cave!")
}选择带来更多选择 🌳
一个选择会开启新的选择!故事就这样像树一样不断生长。
let path = "cave"
if (path === "cave") {
console.log("Inside the cave you see two tunnels! 🦇")
console.log("Type left or right to continue...")
}拾取物品 🎒
让玩家选择是否拿走宝藏!将它添加到他们的 bag 中。
let bag = []
let choice = "take sword"
if (choice === "take sword") {
bag.push("sword")
}
console.log("Your bag:", bag)选择改变故事 📖
不同的选择会带来不同的故事文字。玩家会感觉一切尽在掌控!
let choice = "open"
if (choice === "open") {
console.log("The door creaks open... treasure! 💰")
} else {
console.log("You walk away and miss the gold. 😢")
}一个选择函数 🛠️
创建一个处理选择的辅助函数。在每个岔路口都重复使用它!
function go(direction) {
if (direction === "north") {
console.log("You head north to the castle! 🏰")
} else {
console.log("You head into the woods. 🌲")
}
}
go("north")幸运还是不幸?🎲
加入惊喜吧!随机事件让每次游戏都与众不同。
let luck = Math.floor(Math.random() * 2)
if (luck === 1) {
console.log("You found a hidden coin! 🪙")
} else {
console.log("Nothing here... keep going. 🚶")
}记住选择 🧠
存储 choices,让故事记住玩家做过什么!
let choices = []
choices.push("went left")
choices.push("took the sword")
console.log("So far you:", choices)分支运行正常!✅
现在您的故事会根据玩家的选择分支,玩家还能拾取物品,甚至遇到幸运惊喜。真有互动感!🎮
let choice = "left"
if (choice === "left") {
console.log("Adventure continues to the left! ➡️")
} else {
console.log("A new path opens! 🌟")
}快速检查 ❓
选择正确答案!🧠
选择冠军!🏅
回顾一下!您学会了:
- 🤔 使用
if响应选择 - 🔀 使用
else和else if添加路径 - 🎒 将物品拾取到 bag 中
- 🎲 添加随机惊喜
下一步:WINNING 这场冒险!🏆
常见问题解答
「做出选择」课时是免费的吗?
是的 — 「做出选择」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 Javascript for Kids 课程的其余内容,请升级到 CoddyKit PRO。 Javascript for Kids 课程共包含 4 节课。
「做出选择」这节课中我会学到什么?
为故事创建分支 你通过在浏览器中直接运行的动手代码来练习 Javascript for Kids,全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 Javascript for Kids 需要有经验吗?
无需任何先前经验。CoddyKit 上的 Javascript for Kids 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 2 节课,共 4 节。
「做出选择」课时需要多长时间?
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。
我能在这节 Javascript for Kids 课中编写并运行代码吗?
能。每节 Javascript for Kids 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。