填充故事
使用模板
填充故事 是 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 反馈 — 无需本地设置。