Build an events dashboard

Your community events page already has a list, status region, and Retry button. Its dashboardFetch is a declared offline fixture returning real Response objects, not a network call. Use the preceding trail demo as a model. The starter already fetches and parses JSON in loadEntries() and connects Retry; finish render() first, then add loading/error handling to loadEntries().

Here is a different inventory-list pattern for safe DOM text. replaceChildren() clears old results before inserting new nodes:

const shelf = document.querySelector("#shelf");
shelf.replaceChildren();
for (const product of products) {
  const row = document.createElement("li");
  row.textContent = product.name;
  shelf.append(row);
}

For your dashboard, the starter reads { items } from the fixture response; make one row per event. Before awaiting it, show Loading and clear old rows. A non-OK response must show an error with a visible Retry button. On success, show the count or an explicit empty message. Run the preview: the fixture includes a title with literal <em> characters; it must never create an em element.