Async JavaScript & Fetch

Explanation

async function loadUsers() {
  const status = document.querySelector("#status");
  status.textContent = "Loading...";
  try {
    const res = await fetch("https://jsonplaceholder.typicode.com/users");
    if (!res.ok) throw new Error("Request failed");
    const users = await res.json();
    status.textContent = `Loaded ${users.length} users`;
  } catch (error) {
    status.textContent = error instanceof Error ? error.message : "Error";
  }
}

loadUsers();

Helpful resources

• MDN: Using Fetch

  Official Fetch API guide.

  DocumentationFreeOfficial40 min

• Async JavaScript — freeCodeCamp

  Callbacks, promises, and async/await.

  YoutubeFree70 min