สถานะ UI: โหลด / สำเร็จ / ผิดพลาด

1) loading — กำลังรอ แสดงข้อความหรือตัวบอกสถานะ

2) success — มีข้อมูล วาดรายการ

3) error — บอกสั้น ๆ ว่าเกิดอะไร และอาจมีปุ่มลองใหม่

function setStatus(el, mode, message) {
  el.textContent = message;
  el.dataset.mode = mode; // "loading" | "success" | "error"
}

เทคนิค: เปลี่ยนสถานะเป็น loading ทันทีหลังผู้ใช้กด — อย่ารอให้ fetch ช้าแล้วค่อยขึ้นข้อความ