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

สามเหลี่ยมดาว

สร้างรูปทรงให้ขยายขึ้น

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

รูปทรงที่เพิ่มขึ้น! 🔺

ถ้าแต่ละแถวมีดาวมากกว่าแถวก่อนหน้า คุณจะได้รูปสามเหลี่ยม! 🔺

แถว 1: *
แถว 2: **
แถว 3: ***

มาสร้างรูปทรงที่ GROW กันเถอะ! 🌱

เคล็ดลับลับสุดยอด 🪄

เคล็ดลับคือ ลูปด้านในจะทำงานเป็นจำนวนครั้งเท่ากับตัวนับ OUTER!

ดังนั้นเมื่อหมายเลขแถวเพิ่มขึ้น จำนวนดาวก็เพิ่มขึ้นด้วย!

for (let r = 1; r <= 4; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '*'
  }
  console.log(row)
}

ดูการเพิ่มขึ้น 🌱

สังเกต c <= r ไหมครับ! ลูปด้านในจะหยุดที่หมายเลขแถว แถว 1 มีดาว 1 ดวง แถว 2 มีดาว 2 ดวง และเพิ่มขึ้นต่อไปเรื่อย ๆ!

for (let r = 1; r <= 3; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '⭐'
  }
  console.log(row)
}

สามเหลี่ยมที่ใหญ่ขึ้น 🔺

ต้องการสามเหลี่ยมที่สูงขึ้นไหม? เพียงทำให้ลูปด้านนอกทำงานหลายรอบขึ้น!

for (let r = 1; r <= 6; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '*'
  }
  console.log(row)
}

สามเหลี่ยมที่เล็กลง 🔻

ลองกลับด้านดูสิ! เริ่มลูปด้านนอกจากค่าที่มาก แล้วนับแบบ DOWN เพื่อสร้างสามเหลี่ยมที่เล็กลง

for (let r = 4; r >= 1; r--) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '*'
  }
  console.log(row)
}

สามเหลี่ยมหัวใจ 💖

ใช้สัญลักษณ์ใดก็ได้ตามต้องการ! มาสร้างสามเหลี่ยมรูปหัวใจที่เพิ่มขึ้นกันเถอะ

for (let r = 1; r <= 5; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '💖'
  }
  console.log(row)
}

สามเหลี่ยมตัวเลข 🔢

เติมแต่ละแถวด้วยหมายเลขแถว! จะได้พีระมิดตัวเลข 🔢

for (let r = 1; r <= 5; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + r
  }
  console.log(row)
}

สามเหลี่ยมการนับ 🧮

เติมแต่ละแถวด้วยการนับเพิ่มขึ้น! แถว 3 จะแสดง 1 2 3

for (let r = 1; r <= 4; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + c
  }
  console.log(row)
}

ต้นคริสต์มาส 🎄

สามเหลี่ยมที่เป็นต้นไม้ดูเหมือนป่าที่กำลังเติบโต! 🌲

for (let r = 1; r <= 5; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '🌲'
  }
  console.log(row)
}

สามเหลี่ยมแบบเว้นระยะ ✨

เพิ่มช่องว่างหลังดาวแต่ละดวง เพื่อสร้างสามเหลี่ยมที่มีระยะห่าง!

for (let r = 1; r <= 5; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '* '
  }
  console.log(row)
}

ถึงตาคุณสร้างให้เติบโตแล้ว 🌟

เปลี่ยนสัญลักษณ์เป็นจรวด 🚀 หรือทำให้สูง 7 แถว! แก้ไขและเรียกใช้ดูนะครับ

for (let r = 1; r <= 5; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '🚀'
  }
  console.log(row)
}

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

ตรวจสอบความเข้าใจเรื่องสามเหลี่ยม! 🧠

ทบทวนสามเหลี่ยมดาว 🎉

รูปทรงของคุณกำลังเพิ่มขึ้น! 🔺 คุณเรียนรู้เคล็ดลับการสร้างสามเหลี่ยมแล้ว

  • ลูปด้านในทำงานตาม c <= r เพื่อเพิ่มขึ้นตามแต่ละแถว
  • นับตัวนับด้านนอกแบบ UP เพื่อสร้างสามเหลี่ยมที่เพิ่มขึ้น
  • นับตัวนับด้านนอกแบบ DOWN เพื่อสร้างสามเหลี่ยมที่เล็กลง

ถัดไป: แสดงตารางสูตรคูณจริง! ✖️

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

บทเรียน “สามเหลี่ยมดาว” ฟรีหรือไม่

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