trie-tree.html

<html>
  <head></head>
  <body>
    <input type="text" id="search" />
    <script>
      // const identify = ["login", "uuid"];
      const identify = "id";
      const excludedKeys = [];
      const root = new Leaf();
      let tree = null;

      fetch("https://randomuser.me/api/")
        // fetch("https://randomuser.me/api/?results=1000")
        .then(response => {
          return response.json();
        })
        .then(formattedResponse => {
          const { results } = formattedResponse;
          tree = new SearchTrieTree({
            identify: ["login", "uuid"],
            data: results
          });
          tree.show();
        })
        .catch(error => {
          console.log(error);
        });

      document.querySelector("#search").oninput = event => {
        const value = event.target.value;
      };
    </script>
  </body>
</html>