Javascript for Kids · 课时

填充故事

使用模板

第 2 / 4 课13 个步骤

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

开始填写故事吧!📖

欢迎回来,故事创作者!🌟 上次我们把滑稽的词语收集到了盒子(变量)中。📦

今天我们要把这些词语放进故事模板,创作出有趣的内容!😂

什么是模板?🧩

模板是一句话,其中包含一些空白位置。🧩

例如:___ 跑向了 ___。 我们要用词语填入这些空白!✏️

let animal = 'cat';
console.log('The ' + animal + ' ran very fast!');

连接词语和文本 ➕

我们使用 + 符号把单词和文本连接起来!➕

这叫作连接(也叫“串联”,是个很大的词!)。🪄

let name = 'Zoey';
console.log('Hello, my name is ' + name + '!');

一句话中的两个空格 ✏️✏️

故事中可以有不止一个空格!让我们一次填入两个吧。✏️✏️

请观察每个单词如何滑入自己的位置。😄

let animal = 'frog';
let place = 'pond';
console.log('The ' + animal + ' jumped into the ' + place + '!');

更大的模板 📜

让我们用许多空格编写一个更长的故事吧!📜

添加的单词越多,故事就越滑稽!🤪

let name = 'Max';
let animal = 'dragon';
let food = 'tacos';
console.log(name + ' rode a ' + animal + ' while eating ' + food + '!');

添加描述性词语 🌈

形容词能让故事更生动!🌈 让我们把一个形容词放入模板。

一条闪闪发光的龙,比一条普通的龙有趣多了!✨

let adjective = 'sparkly';
let animal = 'dragon';
console.log('Look! A ' + adjective + ' ' + animal + ' flew by!');

故事中的动作词 🏃

动词为故事增添动作!🏃

让我们把一个动作词直接放入句子中。💃

let name = 'Luna';
let verb = 'danced';
let place = 'kitchen';
console.log(name + ' ' + verb + ' all around the ' + place + '!');

两行故事 📰

故事可以不止一行!📰

让我们打印两个共享相同单词的句子。😎

let hero = 'Captain Sam';
let animal = 'penguin';
console.log(hero + ' found a tiny ' + animal + '.');
console.log('Then ' + hero + ' and the ' + animal + ' became best friends!');

从我们的收集中填入 🎒

还记得我们收集的单词吗?让我们用它们填满整个故事吧!🎒

每个框都会被用到。🎉

let person = 'Mia';
let adjective = 'wobbly';
let animal = 'robot';
let place = 'school';
console.log(person + ' built a ' + adjective + ' ' + animal + ' for ' + place + '!');

完整的滑稽故事 🤣

让我们把 ALL 内容组合成一个大大的滑稽故事吧!🤣

这就是故事制作器的核心!❤️

let name = 'Theo';
let animal = 'unicorn';
let food = 'spaghetti';
let place = 'castle';
let sound = 'WHEEE';
console.log(name + ' rode a ' + animal + ' to the ' + place + '.');
console.log('They ate ' + food + ' and yelled ' + sound + '!');

您填完故事了!🏆

做得太棒了!🏆 您学会了:

  • 🧩 使用带空格的模板
  • ➕ 使用 + 连接单词和文本
  • 📜 填入许多空格,编写滑稽故事

下一课:展示您的搞笑故事!🎬

快速检查 ✅

动动脑筋!🧠 我们使用什么符号来连接单词和文本?

课程回顾 🎀

故事填充员,您做得太棒了!🎀 今天您学会了:

  • 🧩 模板中有需要填入内容的空格
  • ➕ 使用 + 连接单词和文本
  • 📜 空格越多,故事就越滑稽

接下来:展示搞笑结果!🎬

免费开始

用 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