ฝึกโหลด JSON ลงหน้า

โจทย์

สร้างหน้าเล็ก ๆ มีปุ่ม “โหลด” พื้นที่สถานะ และรายการ

สเปก

• คลิกแล้วแสดงสถานะกำลังโหลด

fetch + async/await + ตรวจ ok

• สำเร็จ: วาดรายการด้วย createElement/textContent

• ล้มเหลว: ข้อความ error ในหน้า (ไม่ใช่แค่ console)

• ห่อด้วย try/catch

แบบฝึกปฏิบัติ

ลองทำตามรายการด้านล่างในเบราว์เซอร์หรือไฟล์ของคุณ — ไม่มีตรวจอัตโนมัติในเฟสนี้

ทำให้ครบสามสถานะ loading / success / error
ปานกลาง
จำลอง error (URL ผิด) แล้วตรวจว่า UI แสดงข้อความผิดพลาด
ปานกลาง
หลังสำเร็จ ใช้ filter/map จากบทอาร์เรย์จัดรูปแบบก่อนแสดง
ยาก