<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Help</title>
  <script>
    function initiate() {
      const container = document.getElementById("container");
      const list = navigation.entries();
      for (const entry of list) {
        const box = document.createElement("div");
        box.textContent = entry.url;

        if (entry.key !== navigation.currentEntry.key) {
          const button = document.createElement("button");
          button.textContent = "Go to this entry";
          button.style.margin = "0px 8px";
          button.addEventListener("click", function() {
            navigation.traverseTo(entry.key);
          });
          box.appendChild(button);
        }
        container.appendChild(box);
      }
    }
    window.addEventListener("DOMContentLoaded", initiate);
  </script>
</head>
<body>
  <section id="container">
  </section>
</body>
</html>