รูปแบบตัวเลข
แสดงลำดับตัวเลข
รูปแบบตัวเลข เป็นบทเรียน Javascript for Kids ฟรีบน CoddyKit นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Javascript for Kids และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Javascript for Kids มีบทเรียนทั้งหมด 4 บทเรียน
รูปแบบอยู่รอบตัว! ✨
ลองมองไปรอบ ๆ สิครับ! ลายทางบนม้าลาย 🦓 กระเบื้องบนพื้น อิฐในกำแพง สิ่งเหล่านี้คือรูปแบบ!
ลูปเก่งมากในการสร้างรูปแบบตัวเลข มาลองกันเถอะ!
รูปแบบกำลังสอง 🟦
จำนวนกำลังสองคือจำนวนที่คูณด้วยตัวมันเอง! มาแสดง 1, 4, 9, 16 โดยใช้ i * i กันเถอะ
for (let i = 1; i <= 4; i++) {
console.log(i * i)
}รูปแบบเลขคู่จากการคูณสอง ✌️
แต่ละจำนวนมีค่าเป็นสองเท่าของตัวนับ! 2, 4, 6, 8 ใช้ i * 2
for (let i = 1; i <= 4; i++) {
console.log(i * 2)
}คู่และคี่ 🔢
เราสามารถแสดงตัวเลขเป็นคู่ได้! แสดงตัวเลขและค่าที่เป็นสองเท่าของมันพร้อมกัน
for (let i = 1; i <= 3; i++) {
console.log(i + ' makes ' + (i * 2))
}รูปแบบการบวก ➕
มาเพิ่ม 10 ให้กับแต่ละจำนวนกันเถอะ: 11, 12, 13, 14, 15!
for (let i = 1; i <= 5; i++) {
console.log(i + 10)
}แถวรูปดาว ⭐
เราสามารถทำให้ตัวอักษรซ้ำได้เช่นกัน! แสดงแถวรูปดาวที่เพิ่มขึ้น... เดี๋ยวก่อน นั่นเป็นบทเรียนถัดไป! ตอนนี้ใช้จำนวนดาวคงที่ก่อน
for (let i = 1; i <= 5; i++) {
console.log('star ' + i + ' shines')
}จำนวนสามเหลี่ยม 🔺
รูปแบบเจ๋ง ๆ! บวกตัวเลขตั้งแต่ 1 จนถึงแต่ละจำนวน: 1 จากนั้น 1+2 แล้วก็ 1+2+3 มาสร้างกันเถอะ!
let total = 0
for (let i = 1; i <= 4; i++) {
total = total + i
console.log(total)
}total คืออะไร? 💰
total ก็เหมือนกระปุกออมสิน! 🐷 ในแต่ละรอบ เราจะเพิ่มจำนวนใหม่เข้าไป
ดังนั้นค่าจึงเพิ่มขึ้นเป็น: 1, 3, 6, 10!
let total = 0
for (let i = 1; i <= 3; i++) {
total = total + i
console.log('total is now ' + total)
}รูปแบบเงิน 💵
ลองจินตนาการว่าคุณเก็บออม 5 coins ทุก day! มาติดตามเงินออมที่เพิ่มขึ้นกันเถอะ
let coins = 0
for (let i = 1; i <= 4; i++) {
coins = coins + 5
console.log('Day ' + i + ': ' + coins + ' coins')
}ผสมสองรูปแบบ 🎨
มาแสดงตัวเลขและค่ากำลังสองของมันไว้ข้าง ๆ กันเถอะ!
for (let i = 1; i <= 4; i++) {
console.log(i + ' squared is ' + (i * i))
}ถึงตาคุณสร้างรูปแบบแล้ว 🌟
ลองเปลี่ยน i * 3 เป็น i * 4 แล้วเรียกใช้ดู! สร้างรูปแบบของคุณเอง ✨
for (let i = 1; i <= 5; i++) {
console.log(i * 3)
}ตรวจสอบอย่างรวดเร็ว ✅
ตรวจสอบความเข้าใจเรื่องรูปแบบ! 🧠
ทบทวนรูปแบบ 🎉
รูปแบบสวยงามมาก! ✨ คุณเรียนรู้การสร้างลำดับตัวเลขแล้ว
- ใช้คณิตศาสตร์กับตัวนับ เช่น
i * iหรือi * 2 - กระปุกออมสิน total สามารถสะสมตัวเลขได้
- ผสมรูปแบบต่าง ๆ ให้เป็นข้อความสนุก ๆ
หลักสูตรถัดไป: ลูปซ้อนกันเพื่อสร้างงานศิลปะ! 🎨
เรียนรู้ JavaScript ด้วย AI tutor — ฟรี
เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป
- คอร์ส
- 35
- บทเรียน
- 140
คำถามที่พบบ่อย
บทเรียน “รูปแบบตัวเลข” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “รูปแบบตัวเลข” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ 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 ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- การนับขึ้น
- การนับแบบกำหนดขั้น
- การนับถอยหลัง
- รูปแบบตัวเลข