สามเหลี่ยมดาว
สร้างรูปทรงให้ขยายขึ้น
สามเหลี่ยมดาว เป็นบทเรียน 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 ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- ลูปซ้อนลูป
- แถวและคอลัมน์
- สามเหลี่ยมดาว
- ตารางสูตรคูณ