Fetching Data from the Internet

Modern apps get their data from APIs. fetch() asks another computer for information, and await waits politely for the reply.

const res = await fetch(url)

1. 1Somewhere to show it

   Add a button and an output area.

   <button id="load">Load a fact</button>
   <p id="out">…</p>

2. 2Async function

   Write an async function inside the click handler.

3. 3Fetch and parse

   Fetch a public API and turn the reply into JSON.

4. 4Handle errors

   Wrap it in try / catch so a failure doesn't break the page.