เล่นอีกครั้ง
วนลูปเกม
เล่นอีกครั้ง เป็นบทเรียน Javascript for Kids ฟรีบน CoddyKit นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Javascript for Kids และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Javascript for Kids มีบทเรียนทั้งหมด 4 บทเรียน
เล่นเกมเดียวไม่พอ! 🔁
เล่นหนึ่งรอบก็สนุกครับ แต่ใครจะอยากเล่นแค่ครั้งเดียวล่ะ ไม่มีใครอยากหรอกครับ! 😄
มาทำให้เกมเล่นซ้ำแล้วซ้ำอีกด้วยลูปกันครับ! 🔄
console.log('Round 1! 🎮')
console.log('Round 2! 🎮')
console.log('Round 3! 🎮')ลูปคืออะไร? 🌀
ลูปจะทำให้โค้ดทำงานซ้ำหลายครั้ง คุณจึงไม่ต้องคัดลอกและวางโค้ดซ้ำครับ! 🌀
ลองนึกภาพการบอกหุ่นยนต์ว่า “ทำสิ่งนี้ 5 ครั้ง” แทนการพูดประโยคเดิม 5 ครั้งครับ 🤖
console.log('A loop repeats things! 🔁')
console.log('Super handy! ✨')ลูปวนซ้ำแบบนับจำนวน 🔢
ลูป for ช่วยนับให้เรา! 🔢
ลูปจะเริ่มจากตัวเลขหนึ่ง แล้วทำงานต่อไปตราบใดที่กฎยังเป็นจริง และเพิ่มทีละ 1 ในแต่ละครั้ง
for (let i = 1; i <= 3; i++) {
console.log('Count: ' + i + ' 🔢')
}กำลังเล่น 3 round 🎮
มาใช้ลูปเล่นเกม 3 round กันเถอะ! 🎮
ในแต่ละครั้งที่ลูปทำงาน จะเป็น round ใหม่ 🔄
for (let round = 1; round <= 3; round++) {
console.log('--- Round ' + round + ' ---')
console.log('Playing! 🎲')
}เพิ่มตัวเลือกที่เลือก 🤖
ในแต่ละ round คอมพิวเตอร์จะเลือกตัวเลือกใหม่! 🤖
มาเพิ่มตัวเลือกแบบ random ของเราเข้าไปในลูปกันเถอะ 🎲
let choices = ['rock', 'paper', 'scissors']
for (let round = 1; round <= 3; round++) {
let comp = choices[Math.floor(Math.random() * 3)]
console.log('Round ' + round + ': computer picked ' + comp + ' 🤖')
}กำลังเก็บ score 🏅
มานับกันว่าคุณชนะกี่ครั้ง! เราสร้างกล่อง score และเริ่มต้นด้วย 0 🏅
ทุกครั้งที่ชนะจะเพิ่มขึ้น 1!
let score = 0
score = score + 1
score = score + 1
console.log('Your score: ' + score + ' 🏅')score ในลูป 📈
ตอนนี้เราจะเก็บ score ตลอดทุก round! 📈
กล่อง score จะจำจำนวนครั้งที่ชนะจาก round หนึ่งไปยังอีก round หนึ่ง 🧠
let score = 0
for (let round = 1; round <= 3; round++) {
score = score + 1
console.log('Round ' + round + ': win! Score = ' + score + ' 🏅')
}ลูปวนซ้ำแบบมีเงื่อนไข 🔄
ลูปอีกแบบหนึ่งคือลูป while ซึ่งจะทำงานต่อไป ตราบใดที่บางสิ่งยังเป็นจริง! 🔄
เหมาะมากสำหรับ “เล่นต่อไปจนกว่าจะชนะ 3 ครั้ง” 🎯
let wins = 0
while (wins < 3) {
wins = wins + 1
console.log('Win number ' + wins + '! 🎉')
}
console.log('Got 3 wins! 🏆')หยุดลูป 🛑
บางครั้งเราต้องการหยุดก่อนกำหนด เราใช้ break เพื่อออกจากลูป! 🛑
เช่น หยุดเกมเมื่อมีคนชนะอย่างยิ่งใหญ่ 🏆
for (let i = 1; i <= 10; i++) {
console.log('Round ' + i)
if (i === 3) {
console.log('Game over! 🛑')
break
}
}ลูปเกมฉบับสมบูรณ์ 🎉
มารวมทุกอย่างเข้าด้วยกัน: ลูป ตัวเลือกของคอมพิวเตอร์ และ score! 🎉
นี่คือเกมเป่ายิ้งฉุบของคุณเอง! 🕹️
let choices = ['rock', 'paper', 'scissors']
let score = 0
for (let round = 1; round <= 3; round++) {
let comp = choices[Math.floor(Math.random() * 3)]
console.log('Round ' + round + ': computer ' + comp)
score = score + 1
}
console.log('Final score: ' + score + ' 🏆')คุณสร้างเกมทั้งเกมได้แล้ว! 🕹️
สุดยอดมาก! คุณสร้างเกมฉบับสมบูรณ์ที่เล่นซ้ำไปซ้ำมาได้แล้ว! 🎉
- ลูป
forนับจำนวน round 🔢 - ลูป
whileทำงานต่อไป 🔄 breakหยุดการทำงานก่อนกำหนด 🛑- กล่อง score เก็บคะแนน 🏅
console.log('You built the game! 🕹️')
console.log('You are a coder! 🌟')ตรวจสอบอย่างรวดเร็ว 🧠
คำถามท้าทายสมองข้อสุดท้าย! 🤔
คุณทำสำเร็จแล้ว! 🎉
คุณสร้างเกมเป่ายิ้งฉุบเสร็จแล้ว! 🥳
- เรียนรู้กติกา ✊📄✂️
- สร้างการเลือกของคอมพิวเตอร์ 🤖
- ค้นหาผู้ชนะ 🏆
- ใช้ลูปเพื่อเล่นซ้ำ 🔁
คุณเป็นผู้สร้างเกมตัวจริงแล้ว! 🌟 ทำได้ดีมาก!
console.log('Course complete! 🎓')
console.log('You rock! 🤘')คำถามที่พบบ่อย
บทเรียน “เล่นอีกครั้ง” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “เล่นอีกครั้ง” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ 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 ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน
บทเรียน “เล่นอีกครั้ง” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Javascript for Kids นี้ได้ไหม
ได้ บทเรียน Javascript for Kids ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- กติกา
- คอมพิวเตอร์เป็นผู้เลือก
- ใครชนะ
- เล่นอีกครั้ง