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

ใครชนะ

เปรียบเทียบตัวเลือก

ใครชนะ เป็นบทเรียน Javascript for Kids ฟรีบน CoddyKit นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Javascript for Kids และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Javascript for Kids มีบทเรียนทั้งหมด 4 บทเรียน

ได้เวลาหาผู้ชนะ! 🏆

คุณและคอมพิวเตอร์ต่างก็เลือกแล้วครับ คำถามสำคัญก็คือใครชนะ 🤔

เราจะสอนให้โค้ดเปรียบเทียบสิ่งที่เลือกทั้งสองรายการครับ! ⚖️

let you = 'rock'
let computer = 'scissors'
console.log('You: ' + you + ' ✊')
console.log('Computer: ' + computer + ' ✂️')

ตรวจสอบการเสมอก่อน 🤝

สิ่งที่ตรวจสอบได้ง่ายที่สุดคือการเสมอครับ หากสิ่งที่เลือกทั้งคู่เหมือนกัน ก็ไม่มีใครชนะ!

เราใช้ === เพื่อตรวจสอบว่าสิ่งที่เลือกตรงกันหรือไม่ครับ 🟰

let you = 'paper'
let computer = 'paper'
if (you === computer) {
  console.log('It is a tie! 🤝')
}

คำสั่ง if 🔀

if หมายถึง “ทำสิ่งนี้เมื่อเงื่อนไขเป็นจริงเท่านั้น” ครับ 🔀

ถ้าคำถามภายใน ( ) เป็นจริง โค้ดภายใน { } จะทำงานครับ!

let you = 'rock'
if (you === 'rock') {
  console.log('You picked rock! ✊')
}

เมื่อคุณชนะ ✊

คุณจะชนะถ้าคุณเลือกค้อนและคอมพิวเตอร์เลือกกรรไกรครับ! 💥

ค้อนทุบกรรไกร ดังนั้นคุณคือผู้ชนะครับ! 🏆

let you = 'rock'
let computer = 'scissors'
if (you === 'rock' && computer === 'scissors') {
  console.log('You win! ✊ beats ✂️ 🏆')
}

คำว่า AND 🔗

&& หมายถึง AND ครับ 🔗

ใช้ตรวจสอบสองสิ่งพร้อมกัน ทั้งสองเงื่อนไขต้องเป็นจริงครับ!

คุณเลือกค้อน AND คอมพิวเตอร์เลือกกรรไกรครับ ✊✂️

let a = true
let b = true
if (a && b) {
  console.log('Both are true! ✅')
}

ทุกกรณีที่คุณชนะ 🌟

คุณชนะได้สามกรณีครับ:

  • ค้อน ✊ ชนะกรรไกร ✂️
  • กระดาษ 📄 ชนะค้อน ✊
  • กรรไกร ✂️ ชนะกระดาษ 📄

เราจะตรวจสอบให้ครบทั้งสามกรณีครับ! 🎯

let you = 'paper'
let computer = 'rock'
if (you === 'paper' && computer === 'rock') {
  console.log('You win! 📄 beats ✊ 🏆')
}

คำว่า OR 🔀

|| หมายถึง OR ครับ 🔀

ผลลัพธ์จะเป็นจริงหากมีส่วนใดส่วนหนึ่งเป็นจริง เราจึงรวมทุกกรณีที่คุณชนะไว้ด้วยกันได้ครับ!

let win = true
let lose = false
if (win || lose) {
  console.log('At least one is true! ✅')
}

ใช้ else เมื่อแพ้ 😅

ถ้าคุณไม่เสมอและไม่ชนะ... นั่นก็หมายความว่าคุณแพ้ครับ! 😅

เราใช้ else เพื่อบอกว่า “ถ้าไม่ใช่กรณีอื่น ให้ทำสิ่งนี้” ครับ

let youWon = false
if (youWon) {
  console.log('You win! 🏆')
} else {
  console.log('Computer wins! 🤖')
}

รวมทุกอย่างเข้าด้วยกัน 🧩

ตอนนี้มารวมการตรวจสอบการเสมอ การชนะ และการแพ้ไว้ในเกมเดียวกันครับ! 🧩

ตรวจสอบการเสมอก่อน จากนั้นตรวจสอบว่าคุณชนะหรือไม่ หากไม่ใช่ คอมพิวเตอร์ก็เป็นผู้ชนะครับ ⚖️

let you = 'scissors'
let computer = 'paper'
if (you === computer) {
  console.log('Tie! 🤝')
} else if (you === 'scissors' && computer === 'paper') {
  console.log('You win! ✂️ beats 📄 🏆')
} else {
  console.log('Computer wins! 🤖')
}

ฟังก์ชันหาผู้ชนะ 🛠️

มารวมทุกอย่างไว้ในฟังก์ชันกันครับ ส่งสิ่งที่คุณเลือกและสิ่งที่คอมพิวเตอร์เลือกเข้าไป แล้วฟังก์ชันจะบอกว่าใครชนะ 🛠️

function whoWins(you, comp) {
  if (you === comp) return 'Tie! 🤝'
  if ((you === 'rock' && comp === 'scissors') ||
      (you === 'paper' && comp === 'rock') ||
      (you === 'scissors' && comp === 'paper')) {
    return 'You win! 🏆'
  }
  return 'Computer wins! 🤖'
}
console.log(whoWins('rock', 'paper'))

คุณตัดสินผลเกมได้แล้ว! ⚖️

ว้าวครับ! ตอนนี้โค้ดของคุณตัดสินผู้ชนะได้แล้ว! 🎉

  • เลือกเหมือนกัน = เสมอ 🤝
  • && หมายถึง AND 🔗
  • || หมายถึง OR 🔀
  • else หมายถึงกรณีอื่น 😄
console.log('You can judge the game! ✅')
console.log('Next: play again! 🔁')

ตรวจสอบอย่างรวดเร็ว 🧠

ได้เวลาทดสอบความเข้าใจกันครับ! 🤔

ยอดเยี่ยมมาก! 🎉

คุณสอนให้โค้ดหาผู้ชนะได้แล้วครับ! 🏆

  • ตรวจสอบการเสมอด้วย === 🤝
  • ตรวจสอบกรณีที่คุณชนะด้วย && และ || 🔗
  • ใช้ else จัดการกรณีที่เหลือ 😄

ถัดไป: มาเล่นอีกครั้งด้วยลูปกันครับ! 🔁

console.log('Lesson done! ⭐')
console.log('Let us loop the game! 🔁')

คำถามที่พบบ่อย

บทเรียน “ใครชนะ” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “ใครชนะ” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ 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 ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน

บทเรียน “ใครชนะ” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน Javascript for Kids นี้ได้ไหม

ได้ บทเรียน Javascript for Kids ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

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

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