How to dynamically load a JS file in JavaScript 

https://www.educative.io/answers/how-to-dynamically-load-a-js-file-in-javascript

function loadJS(FILE_URL, async = true) {
  let scriptEle = document.createElement("script");

  scriptEle.setAttribute("src", FILE_URL);
  scriptEle.setAttribute("type", "text/javascript");
  scriptEle.setAttribute("async", async);

  document.body.appendChild(scriptEle);

  // success event 
  scriptEle.addEventListener("load", () => {
    console.log("File loaded")
  });
   // error event
  scriptEle.addEventListener("error", (ev) => {
    console.log("Error on loading file", ev);
  });
}
loadJS("file1_path", true);

// If we set async false, file2 is loaded and executed first, then file3 will be loaded 
loadJS("file2_path", false); 
loadJS("file3_path", true);