import { g, h, x } from "./xeact.js";

(async () => {
  const resp = await fetch("https://httpbin.org/headers");
  const data = await resp.json();

  // Get element with ID "userAgent" and set its innerText
  g("userAgent").innerText = data.headers["User-Agent"];

  // Remove all children from element with ID "headerList"
  let l = g("headerList");
  x(l);

  // Create a <li> element for every key in `data.headers`,
  // set the `innerText` property to the contents of each header,
  // and append them all to the header list
  l.append(...Object.entries(data.headers).map((e) => h("li", { innerText: `${e[0]}: ${e[1]}` })));
})();