Javascript for Kids · 课时

提供线索

揭示提示

第 2 / 4 课13 个步骤

提供线索 是 CoddyKit 上的免费 Javascript for Kids 课时。 这是第 2 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Javascript for Kids 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 Javascript for Kids 课程共包含 4 节课。

该提供线索了!💡

我们的游戏里有一些 animal 正在等待。现在,我们让计算机揭示提示,这样玩家就可以进行猜测了!🕵️

线索就在对象中 📦

还记得每种 animal 都有一个 clue 吗?让我们把它读出来吧!

let animal = { name: "lion", clue: "I am the king of the jungle!" }
console.log("Clue: " + animal.clue)

显示线索,隐藏名称 🙈

游戏的诀窍是:显示 clue,但KEEP名称保密!🤫

let animal = { name: "owl", clue: "I am wise and say hoot at night!" }
console.log("Here is your clue:")
console.log(animal.clue)

不止一个线索 💡💡

难以猜出的 animal 需要MORE clues!我们可以在对象中存储一个线索列表。

let animal = {
  name: "elephant",
  clues: ["I am very big.", "I have a long trunk.", "I never forget!"]
}
console.log(animal.clues[0])

逐个提供线索 🔁

让我们使用循环逐步揭示每个 clue,就像真正的游戏节目主持人一样!🎤

let clues = ["I am big.", "I have a trunk.", "I never forget!"]
for (let i = 0; i < clues.length; i++) {
  console.log("Clue " + (i + 1) + ": " + clues[i])
}

倒数剩余线索 ⏳

告诉玩家还剩多少个 clues。这会让气氛更加紧张!

let clues = ["I am big.", "I have a trunk.", "I never forget!"]
console.log("You get " + clues.length + " clues. Good luck!")

用于提供线索的函数 🛠️

函数是一个可以反复使用的神奇助手。让我们创建一个用于提供 clue 的函数吧!

function giveClue(animal) {
  console.log("Clue: " + animal.clue)
}
giveClue({ name: "cat", clue: "I say meow!" })

随机选择一种动物 🎲

真正的游戏总会带来惊喜!使用 Math.random() 从盒子中随机选择一种 animal。

let animals = ["dog", "cat", "lion"]
let pick = Math.floor(Math.random() * animals.length)
console.log("Mystery animal index:", pick)

揭示它的线索 🎁

现在,把随机选择和提供 clue 结合起来。真神秘!🔮

let animals = [
  { name: "dog", clue: "I love to fetch!" },
  { name: "cat", clue: "I say meow!" }
]
let pick = Math.floor(Math.random() * animals.length)
console.log("Clue:", animals[pick].clue)

鼓励玩家 🎉

优秀的主持人会为玩家加油!在 clues 之间添加一些有趣的信息。

console.log("Here comes a clue... 🥁")
console.log("I am green and I hop!")
console.log("Can you guess? 🤔")

线索运行正常!✅

现在,您可以揭示 hints、统计它们的数量,甚至随机选择一种神秘 animal。玩家已经完全投入了!🎣

let clues = ["I am tall.", "I have a long neck."]
clues.forEach(function(c, i) {
  console.log("Hint " + (i + 1) + ": " + c)
})

快速检查 ❓

展示一下您学到的内容吧!🧠

线索大师!🏅

复习一下!现在您可以:

  • 💡 从对象中显示 clue
  • 🔁 使用循环揭示多个 clues
  • 🎲 选择一种随机 animal
  • 🛠️ 使用 function 作为助手

下一步:检查玩家是否猜对了!🤞

免费开始

用 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 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 2 节课,共 4 节。

「提供线索」课时需要多长时间?

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。

我能在这节 Javascript for Kids 课中编写并运行代码吗?

能。每节 Javascript for Kids 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. 动物列表
  2. 提供线索
  3. 检查猜测
  4. 猜对了
← 返回 Javascript for Kids