Delay script loading

Question

So if I have the following:

and I simply want

Answer 1

Mozilla Developer Network explains various approaches:

MDN Async Script Techniques

or

var script = document.createElement('script');
script.src = "file.js";
document.body.appendChild(script);

or if your JavaScript is in a String:

var blob = new Blob([codeString]);
var script = document.createElement('script');
var url = URL.createObjectURL(blob);
script.onload = script.onerror = function() { URL.revokeObjectURL(url); };
script.src = url;
document.body.appendChild(script);

There is also good information when async is not async as well as how to get around those cases.