Javascript for Kids · บทเรียน

หัวหรือก้อย

โยนเหรียญแบบสุ่ม

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

ยินดีต้อนรับสู่เกมโยนเหรียญ! 🪙

สวัสดี นักเขียนโค้ด! 👋 วันนี้เราจะมาสร้าง เกมโยนเหรียญ กัน! 🪙

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

มาสอนคอมพิวเตอร์ให้โยนเหรียญกันด้วยเถอะ!

random คืออะไร? 🎲

การโยนเหรียญเป็นแบบ random คำว่า random หมายถึง เราไม่สามารถเดาคำตอบได้อย่างแน่นอน 🤷

JavaScript มีเครื่องมือช่วยพิเศษที่ชื่อว่า Math.random() เครื่องมือนี้จะให้ตัวเลขเซอร์ไพรส์ระหว่าง 0 ถึง 1 แก่เรา 🎲

มาดูกันว่าเครื่องมือนี้จะให้ค่าอะไร!

console.log(Math.random());
console.log(Math.random());
console.log(Math.random());

ตัวเลขจิ๋ว 🔢

เห็นตัวเลขเหล่านั้นไหม? ตัวเลขมีขนาดเล็กและมีทศนิยมหลายหลัก เช่น 0.3829 😮

ทุกครั้งที่เรียกใช้ คุณจะได้ตัวเลขที่แตกต่างกัน คอมพิวเตอร์กำลังทอยลูกเต๋าที่มองไม่เห็นให้เรา! 🎲

let surprise = Math.random();
console.log('My surprise number is: ' + surprise);

น้อยกว่าครึ่งหรือไม่? ✂️

เหรียญมี2 ด้าน ดังนั้นเราต้องแบ่งตัวเลขของเราออกเป็น 2 กลุ่ม! ✂️

จุดกึ่งกลางระหว่าง 0 กับ 1 คือ 0.5 (หนึ่งส่วนสอง) เราถามได้ว่า ตัวเลขของเรามีค่าน้อยกว่า 0.5 หรือไม่? 🤔

let number = Math.random();
console.log('Number: ' + number);
console.log('Is it less than 0.5? ' + (number < 0.5));

ได้เวลาหัวหรือก้อย! 🎯

มาถึงส่วนมหัศจรรย์แล้ว! ถ้าตัวเลขน้อยกว่า 0.5 เราจะบอกว่าเป็นหัว ถ้าไม่ใช่ เราจะบอกว่าเป็นก้อย! 🎯

เราใช้ if และ else เพื่อเลือกผลลัพธ์

let number = Math.random();
if (number < 0.5) {
  console.log('Heads! 🙂');
} else {
  console.log('Tails! 🪙');
}

ลองเรียกใช้อีกครั้ง! 🔁

ลองคลิก เรียกใช้ สักสองสามครั้ง! 🔁

บางครั้งคุณจะได้หัว บางครั้งก็ได้ก้อย เหมือนกับเหรียญจริงเลย! 🪙

คอมพิวเตอร์จะทำให้เราเซอร์ไพรส์ในทุกครั้ง 😄

let number = Math.random();
if (number < 0.5) {
  console.log('Heads! 🙂');
} else {
  console.log('Tails! 🪙');
}

บันทึกผลลัพธ์ 📦

มาเก็บคำตอบไว้ในกล่องที่เรียกว่าตัวแปรกัน 📦

เราตั้งชื่อกล่องนี้ว่า result และใส่ 'Heads' หรือ 'Tails' อย่างใดอย่างหนึ่งไว้ข้างใน

let number = Math.random();
let result;
if (number < 0.5) {
  result = 'Heads';
} else {
  result = 'Tails';
}
console.log('The coin shows: ' + result);

ฟังก์ชันโยนเหรียญ 🛠️

เราจะโยนเหรียญหลายครั้งในเกม ดังนั้นมาสร้างฟังก์ชันที่นำกลับมาใช้ใหม่ได้กัน! 🛠️

ฟังก์ชันก็เหมือนเครื่องจักรเล็ก ๆ เราเรียกใช้ flipCoin() แล้วเครื่องจักรจะส่งผลลัพธ์กลับมา! 🤖

function flipCoin() {
  if (Math.random() < 0.5) {
    return 'Heads';
  } else {
    return 'Tails';
  }
}
console.log(flipCoin());

ใช้เครื่องจักร 🤖

ตอนนี้เรามีเครื่องจักรโยนเหรียญแล้ว เราจึงใช้มันซ้ำได้ครั้งแล้วครั้งเล่า! 🤖

ดูวิธีที่เราเรียกใช้ flipCoin() สามครั้งติดต่อกันสิ! 🪙🪙🪙

function flipCoin() {
  if (Math.random() < 0.5) {
    return 'Heads';
  } else {
    return 'Tails';
  }
}
console.log('Flip 1: ' + flipCoin());
console.log('Flip 2: ' + flipCoin());
console.log('Flip 3: ' + flipCoin());

เพิ่มสีสัน ✨

มาเพิ่มอีโมจิสนุก ๆ เพื่อแสดงด้านของเหรียญกัน! ✨

เราเพิ่มข้อความที่ชวนให้มีความสุข เพื่อทำให้เกมน่าตื่นเต้นยิ่งขึ้น 🎉

function flipCoin() {
  if (Math.random() < 0.5) {
    return 'Heads 🙂';
  } else {
    return 'Tails 🪙';
  }
}
console.log('Flipping the coin... 🌀');
console.log('It landed on: ' + flipCoin());

คุณสร้างเหรียญได้แล้ว! 🏆

เก่งมาก! 🏆 คุณสอนคอมพิวเตอร์ให้โยนเหรียญโดยใช้ Math.random() ได้แล้ว!

🎲 random ให้ตัวเลขเซอร์ไพรส์
✂️ เราแบ่งตัวเลขนั้นที่ 0.5
🪙 น้อยกว่า 0.5 = หัว มิฉะนั้นเป็นก้อย

ต่อไป เราจะให้ผู้เล่นเดาผลเหรียญ! 🤔

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

มาทดสอบความคิดของคุณกัน! 🧠 Math.random() ให้อะไรแก่เรา?

ทบทวนบทเรียน 🎀

วันนี้ทำได้ดีมาก! 🎀 นี่คือสิ่งที่คุณได้เรียนรู้:

🎲 Math.random() สร้างตัวเลขแบบ random
✂️ เราเปรียบเทียบตัวเลขนั้นกับ 0.5
🪙 เราเลือก หัว หรือ ก้อย ด้วย if/else
🛠️ ฟังก์ชัน flipCoin() ช่วยให้เรานำโค้ดกลับมาใช้ใหม่ได้

พบกันในบทเรียนถัดไปนะ นักโยนเหรียญ! 👋

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

บทเรียน “หัวหรือก้อย” ฟรีหรือไม่

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

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

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

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

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

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

← กลับไปที่ Javascript for Kids