diff options
Diffstat (limited to 'static/presentations/2021-11-13/garage/js/utils/loader.js')
-rw-r--r-- | static/presentations/2021-11-13/garage/js/utils/loader.js | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/static/presentations/2021-11-13/garage/js/utils/loader.js b/static/presentations/2021-11-13/garage/js/utils/loader.js new file mode 100644 index 0000000..58d39ac --- /dev/null +++ b/static/presentations/2021-11-13/garage/js/utils/loader.js @@ -0,0 +1,46 @@ +/** + * Loads a JavaScript file from the given URL and executes it. + * + * @param {string} url Address of the .js file to load + * @param {function} callback Method to invoke when the script + * has loaded and executed + */ +export const loadScript = ( url, callback ) => { + + const script = document.createElement( 'script' ); + script.type = 'text/javascript'; + script.async = false; + script.defer = false; + script.src = url; + + if( typeof callback === 'function' ) { + + // Success callback + script.onload = script.onreadystatechange = event => { + if( event.type === 'load' || /loaded|complete/.test( script.readyState ) ) { + + // Kill event listeners + script.onload = script.onreadystatechange = script.onerror = null; + + callback(); + + } + }; + + // Error callback + script.onerror = err => { + + // Kill event listeners + script.onload = script.onreadystatechange = script.onerror = null; + + callback( new Error( 'Failed loading script: ' + script.src + '\n' + err ) ); + + }; + + } + + // Append the script at the end of <head> + const head = document.querySelector( 'head' ); + head.insertBefore( script, head.lastChild ); + +}
\ No newline at end of file |