test2.html

<!DOCTYPE html>
<html lang="en">
  <head>
    </head>
  <body>
    <script  type="module">

 function outputGHAPI(type) {
//  alert("This is the first.");
 
 if (type == "dir") {
  window.onload = async () => {
    const response = await fetch(`https://api.github.com/repos/brad457/brad457.github.io/contents${pathname}`)
    const results = await response.json()
        // get directory listing request results
    render(document.body, html`
              <tr><td>Object Type</td><td>Object Name</td><td>Size</td></tr>
              ${dir_results.filter(el => el.type === 'dir').map(el => html`
              <tr><td><a
                class="directory"
              href="${`https://brad457.github.io/${pathname}${el.name}`}"><img src="folder.png" alt="${el.name}" /></a></td><td><a
              class="directory"
              href="${`https://brad457.github.io/${pathname}${el.name}`}">${el.name}</a></td><td></td></tr>`)}
            `)
    }
  }
  if (type == "file") {
    window.onload = async () => {
    const response = await fetch(`https://api.github.com/repos/brad457/brad457.github.io/contents${pathname}`)
    const results = await response.json()
      render(document.body, html`
      <tr><td>Object Type</td><td>Object Name</td><td>Size</td></tr>
      ${file_results.filter(el => el.type === 'file').map(el => html`
      <tr><td><a
        class="file"
      href="${`https://brad457.github.io/${pathname}${el.name}`}"><img src="file.png" alt="${el.name}" /></a></td><td><a
      class="file"
      href="${`https://brad457.github.io/${pathname}${el.name}`}">${el.name}</a></td><td>formatBytes(${el.size})</td></tr>`)}
      `)
      // Test if GitHub Pages request returned results
      //document.write(results);
      }
    }
}      

function listDIRs() {
  alert("This is the listDIRs");
  outputGHAPI("dir")
}
function listFiles() {
  alert("This is the listFiles.");
  outputGHAPI("file")
}
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}
addLoadEvent(listDIRs);
addLoadEvent(listFiles);
addLoadEvent(function() {
    document.body.style.backgroundColor = '#EFDF95';
})
</script>
</body>
</html>