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

การวาดรูปแบบด้วยลูป

พิมพ์รูปร่างและรูปแบบสนุก ๆ

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

วาดรูปด้วยการวนซ้ำ 🎨

สวัสดีค่ะ จิตรกรนักสร้างรูปแบบ! 🌟 การวนซ้ำสามารถ DRAW ภาพด้วยดาวและรูปร่างต่าง ๆ ได้ค่ะ!

มาสร้างรูปแบบสวย ๆ ด้วยกันเถอะค่ะ ⭐

for (let i = 0; i < 3; i++) {
  console.log("*")
}

แถวของดาว ⭐

มาพิมพ์แถวของดาวเรียงลงด้านล่างกันเถอะค่ะ!

การวนซ้ำแต่ละรอบจะเพิ่มดาวหนึ่งดวงค่ะ 🌟

for (let i = 0; i < 5; i++) {
  console.log("*")
}

ดาวเรียงเป็นแถว ➖

เราสร้างแถวได้ด้วยการ ADDING ดาวลงในกล่องค่ะ!

การวนซ้ำแต่ละรอบจะเพิ่ม * อีกหนึ่งตัวในแถวค่ะ 🪄

let line = ""
for (let i = 0; i < 5; i++) {
  line = line + "*"
}
console.log(line)

สร้างคำด้วยตัวอักษร 🧱

เราเพิ่มดาวทีละดวงเพื่อทำให้แถวยาวขึ้นค่ะ!

ดูแถวเติบโตขึ้นในแต่ละรอบนะคะ 📈

let line = ""
for (let i = 0; i < 4; i++) {
  line = line + "*"
  console.log(line)
}

สามเหลี่ยมที่เติบโตขึ้น 🔺

ถ้าเราพิมพ์แถวขณะที่มันเติบโต เราจะได้สามเหลี่ยมค่ะ!

ดาวหนึ่งดวง ดาวสองดวง ดาวสามดวง... 🔺

let line = ""
for (let i = 0; i < 5; i++) {
  line = line + "*"
  console.log(line)
}

หัวใจแทนดาว 💖

เราใช้สัญลักษณ์ ANY ก็ได้ค่ะ! มาสร้างสามเหลี่ยมจากหัวใจกันเถอะ

หวานมากเลยค่ะ 💕

let line = ""
for (let i = 0; i < 4; i++) {
  line = line + "💖"
  console.log(line)
}

กล่องดาว 🟦

มาพิมพ์ 3 แถว โดยแต่ละแถวมีดาว 3 ดวงกันเถอะค่ะ!

จะได้เป็นสี่เหลี่ยมเล็ก ๆ ค่ะ ⬛

for (let i = 0; i < 3; i++) {
  console.log("***")
}

รูปแบบตัวเลข 🔢

เราสร้างรูปแบบตัวเลขได้ด้วยค่ะ!

แต่ละแถวจะแสดงหมายเลขรอบของการวนซ้ำค่ะ 🪜

for (let i = 1; i <= 5; i++) {
  console.log("Row " + i)
}

รูปแบบบันได 🪜

เพิ่มช่องว่างและสัญลักษณ์ในแต่ละรอบเพื่อสร้างบันไดค่ะ!

กำลังปีนขึ้นไปค่ะ! 🧗

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

จุดสีรุ้ง 🌈

มาสร้างแถวจุดหลากสีกันเถอะค่ะ!

เปลี่ยนตัวเลขเพื่อทำให้แถวยาวขึ้นค่ะ 🔴🟠🟡

let dots = ""
for (let i = 0; i < 6; i++) {
  dots = dots + "🔴"
}
console.log(dots)

รูปแบบของคุณเอง 🧒

เปลี่ยนสัญลักษณ์และตัวเลขเพื่อ DRAW รูปแบบของ YOUR เองค่ะ!

สร้างสรรค์ให้เต็มที่นะคะ! 🎨

let line = ""
for (let i = 0; i < 5; i++) {
  line = line + "⭐"
  console.log(line)
}

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

คำถามเรื่องรูปแบบค่ะ! คุณยอดเยี่ยมมาก! 🎨

จิตรกรนักสร้างรูปแบบ! 🏆

ยอดเยี่ยมมากค่ะ! 🎉 วันนี้คุณได้เรียนรู้ว่า:

  • การวนซ้ำสามารถ วาด รูปแบบได้
  • เพิ่มสัญลักษณ์ลงในกล่องเพื่อทำให้แถวยาวขึ้น
  • พิมพ์แถวในแต่ละรอบเพื่อสร้างรูปร่างอย่างสามเหลี่ยม

คุณเรียนจบบทการวนซ้ำแล้วค่ะ! คุณคือมืออาชีพด้านรูปแบบ! ⭐

for (let i = 0; i < 1; i++) {
  console.log("I can draw with loops! 🎨")
}

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

บทเรียน “การวาดรูปแบบด้วยลูป” ฟรีหรือไม่

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