การเติมคำในเรื่อง
ใช้แม่แบบ
การเติมคำในเรื่อง เป็นบทเรียน Javascript for Kids ฟรีบน CoddyKit นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน 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 + '!');คุณเติมเรื่องราวเสร็จแล้ว! 🏆
ทำได้ยอดเยี่ยมมาก! 🏆 คุณได้เรียนรู้วิธี:
- 🧩 ใช้แม่แบบที่มีช่องว่าง
- ➕ เชื่อมคำและข้อความด้วย
+ - 📜 เติมช่องว่างมากมายเพื่อสร้างเรื่องราวแสนตลก
บทเรียนถัดไป: นำเรื่องราวตลกของคุณมาแสดง! 🎬
ตรวจสอบอย่างรวดเร็ว ✅
ได้เวลาคิดแล้ว! 🧠 เราใช้สัญลักษณ์ใดเพื่อเชื่อมคำและข้อความเข้าด้วยกัน?
ทบทวนบทเรียน 🎀
เก่งมาก นักเติมเรื่องราว! 🎀 วันนี้คุณได้เรียนรู้ว่า:
- 🧩 แม่แบบมีช่องว่างให้เติม
- ➕ ใช้
+เพื่อเชื่อมคำและข้อความ - 📜 ยิ่งมีช่องว่างมาก เรื่องราวก็ยิ่งตลก
ถัดไป: แสดงผลลัพธ์แสนตลก! 🎬
เรียนรู้ JavaScript ด้วย AI tutor — ฟรี
เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป
- คอร์ส
- 35
- บทเรียน
- 140
คำถามที่พบบ่อย
บทเรียน “การเติมคำในเรื่อง” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “การเติมคำในเรื่อง” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Javascript for Kids ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Javascript for Kids มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “การเติมคำในเรื่อง”
ใช้แม่แบบ คุณปฏิบัติ Javascript for Kids ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Javascript for Kids หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน Javascript for Kids บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน
บทเรียน “การเติมคำในเรื่อง” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Javascript for Kids นี้ได้ไหม
ได้ บทเรียน Javascript for Kids ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- การรวบรวมคำ
- การเติมคำในเรื่อง
- การแสดงเรื่องราว
- เรื่องราวของคุณเอง