Async Requests and Error States

Handle loading, success, and failure states clearly when a browser-side request takes time.

Edit the panels below and press Run to preview. Nothing you type here is saved — refreshing the page restores the original starter code.

<button id="load" type="button">Load demo data</button>
<p id="status">Idle</p>
<ul id="results"></ul>

#status {
  margin-top: 1rem;
  font-weight: 600;
}

async function fetchData() {
  console.log("Loading");
}