ต่อ DOM: โหลดแล้ววาดรายการ

async function renderNotes() {
  const list = document.querySelector("#list");
  const status = document.querySelector("#status");
  list.replaceChildren();
  status.textContent = "กำลังโหลด...";
  try {
    const res = await fetch("https://jsonplaceholder.typicode.com/todos?_limit=5");
    if (!res.ok) throw new Error("HTTP " + res.status);
    const todos = await res.json();
    for (const todo of todos) {
      const li = document.createElement("li");
      li.textContent = todo.title;
      list.append(li);
    }
    status.textContent = "โหลดสำเร็จ";
  } catch (e) {
    status.textContent = "โหลดไม่สำเร็จ";
    console.error(e);
  }
}