THAIDATAWEB CODE ACADEMY

ศูนย์เรียนรู้และห้องทดลองโค้ดฟรี

เรียนรู้จากพื้นฐานสู่การสร้างเว็บจริง 120 บทเรียนใน 6 เส้นทาง พร้อมแก้โค้ดและดูผลลัพธ์ทันที

120บทเรียน

JAVASCRIPT · ADVANCED

บทที่ 20: โปรเจกต์ Task App

เรียนรู้แบบทีละขั้น พร้อมตัวอย่างที่แก้ไขได้และผลลัพธ์ทันที

บทเรียน 20 / 20

เรียนรู้แบบทีละขั้น พร้อมตัวอย่างที่แก้ไขได้และผลลัพธ์ทันที

โปรเจกต์ Task App

JavaScript · ADVANCED

สิ่งที่จะได้เรียนรู้

เข้าใจแนวคิดและการใช้งาน
ทดลองแก้โค้ดตัวอย่าง
ตรวจผลลัพธ์และแก้ข้อผิดพลาด
นำไปต่อยอดในโปรเจกต์จริง

โจทย์ฝึก: ปรับตัวอย่างให้เป็นงานของคุณเอง แล้วตรวจผลลัพธ์อีกครั้ง

เริ่มจากเปลี่ยนข้อความหรือค่าทีละจุด

ช่องเขียนโค้ด

<!doctype html><button id="run">Task App Project</button><pre id="out"></pre><script>const lesson=20;document.querySelector('#run').onclick=()=>{document.querySelector('#out').textContent='Lesson '+lesson+': Task App Project works!'};</script>

ผลลัพธ์ผลลัพธ์ทำงานในพื้นที่ Sandbox เพื่อความปลอดภัย

⚡ โจทย์ฝึก: ปรับตัวอย่างให้เป็นงานของคุณเอง แล้วตรวจผลลัพธ์อีกครั้ง