Dynamically load a script text or URL (JavaScript)

dynamic-script-text.js

// see: https://tinyurl.com/yxtf55bn

function loadScript(id, innerHTML) {
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.id = id || Math.random().toString().substr(2);
  script.innerHTML = innerHTML;
  document.body.appendChild(script);
}
 
// load script text
loadScript(null, "\
  console.log('Script text loaded!');\
  console.log('This is second console.');\
");

dynamic-script-url.js

function loadScriptByURL(id, url) {
  return new Promise(function(resolve) {
    var isScriptExist = document.getElementById(id);
	
    if (isScriptExist) {
      return resolve();
    }

    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = url;
    script.id = id;
    script.onload = resolve;
    document.body.appendChild(script);
  });
}
 
// load the script by passing the URL
loadScriptByURL("script-id", "<PATH_OF_SCRIPT_URL>")
.then(function() {
  console.log("Script URL loaded!");
});