So an in line script tag today might look something like this:
So say I have an html document with a single hard coded ul aka unordered list tag element, and a single script tag that links to a loader.js file. This loader.js file can then be used to load additional scripts that do something with that ul tag such as inject a bunch of li or list item tags for it.
The loader.js file might look something like this:
One of the scripts is a foo.js file that looks like this.
And a bar.js file that looks like this.
So then it seems that this simple script loader will load scripts in order one at a time which is important if one script depends on something that a previous script does. There is the question of loading all scripts at once, and then executing them all in the proper order when that is a factor of concern
However another way to load scripts sync style is to make sure that the async attribute of the script tag is set to false.
In this example the Script tags load in sync order as well.
In oder to load script tags async style I just need to use the create element method to create the script tag, append to the html document, and set the src attribute to the location of the script. By default script tags create this way will load asycn style.