0Pricing
Javascript for Kids · บทเรียน

เล่นอีกครั้ง

วนลูปเกม

เล่นอีกครั้ง เป็นบทเรียน 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 ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. กติกา
  2. คอมพิวเตอร์เป็นผู้เลือก
  3. ใครชนะ
  4. เล่นอีกครั้ง
← กลับไปที่ Javascript for Kids