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

การแสดงคะแนน

แสดงคะแนนรวม

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

อวดคะแนนกันหน่อย! 📺

คะแนนจะมีประโยชน์อะไรถ้าไม่มีใครมองเห็น ถึงเวลาที่จะแสดงคะแนนรวมในรูปแบบสนุก ๆ แล้ว! 🎉

พิมพ์คะแนน 🖨️

วิธีที่ง่ายที่สุดคือใช้ console.log แสดงคะแนน!

let score = 7
console.log(score)

เพิ่มป้ายกำกับที่เข้าใจง่าย 🏷️

มีแค่ตัวเลขก็น่าเบื่อ เพิ่มคำอธิบายเพื่อให้ผู้เล่นรู้ว่าตัวเลขนั้นหมายถึงอะไร!

let score = 7
console.log("Your score: " + score)

เชื่อมคำกับตัวเลข 🔗

ใช้ + เพื่อเชื่อมข้อความกับคะแนนให้เป็นข้อความเดียว

let score = 7
console.log("You have " + score + " points! 🌟")

แสดงคะแนนและชื่อ 👤

ทำให้เป็นแบบเฉพาะบุคคล! แสดงชื่อผู้เล่นพร้อมคะแนน

let name = "Sam"
let score = 12
console.log(name + " has " + score + " points!")

คะแนนจากคะแนนเต็ม ➗

แสดงว่าผู้เล่นทำได้ดีแค่ไหนเมื่อเทียบกับคะแนนสูงสุด เช่น “ได้ 8 จาก 10 คะแนน”!

let score = 8
let max = 10
console.log("Score: " + score + " / " + max)

ฟังก์ชันแสดงคะแนน 🛠️

สร้างตัวช่วยที่แสดงคะแนนอย่างสวยงาม แล้วใช้ทุกครั้งที่ต้องการ!

function showScore(score) {
  console.log("Current score: " + score + " 🎯")
}
showScore(15)

แถบคะแนนรูปดาว ⭐

เปลี่ยนคะแนนให้เป็นดาวเพื่อสร้างภาพที่สนุกสนาน! ลูปจะทำให้ดาวซ้ำกัน

let score = 4
let bar = ""
for (let i = 0; i < score; i++) {
  bar += "⭐"
}
console.log(bar)

ข้อความแห่งชัยชนะ 🏆

แสดงข้อความพิเศษหากคะแนนสูง!

let score = 10
if (score >= 10) {
  console.log("🏆 High score! You are a champion!")
}
console.log("Score: " + score)

อัปเดตการแสดงคะแนน 🔄

ทุกครั้งที่คะแนนเปลี่ยน ให้แสดงคะแนนอีกครั้งเพื่อให้ข้อมูลเป็นปัจจุบันเสมอ!

let score = 0
score += 5
console.log("Score: " + score)
score += 3
console.log("Score: " + score)

กระดานคะแนนเปล่งประกาย! ✅

ตอนนี้คุณแสดงคะแนนพร้อมป้ายกำกับ ชื่อ ดาว และเสียงเชียร์ได้แล้ว ตัวจัดการคะแนนของคุณเสร็จสมบูรณ์! 🎉

let name = "Lee"
let score = 9
console.log("🎮 " + name + ": " + score + " points!")

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

คำถามท้าทายความคิดข้อสุดท้าย! 🧠

แชมป์แห่งการแสดงผล! 🏆

คุณสร้างตัวจัดการคะแนนอย่างง่ายเสร็จแล้ว! ทบทวนกัน:

  • 🖨️ พิมพ์คะแนน
  • 🏷️ เพิ่มป้ายกำกับที่เข้าใจง่าย
  • ⭐ แสดงดาวด้วยลูป
  • 🏆 ส่งเสียงเชียร์ให้คะแนนสูง

คุณสร้างตัวจัดการคะแนนแบบครบถ้วนแล้ว! ยอดเยี่ยมมาก! 🌟

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

บทเรียน “การแสดงคะแนน” ฟรีหรือไม่

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