Dynamically load a js inside js

Question

Hello,
Can someone show an example of how to load js files dynamically one after another in another js file and push them in an array? I am a complete beginner with all of this and I do not know how to do it.
Thank you in advance.

Answer 1

https://stackoverflow.com/questions/14521108/dynamically-load-js-inside-js

https://humanwhocodes.com/blog/2009/07/28/the-best-way-to-load-external-javascript/

Answer 2

You could use async function to dynamically load a js module.

Eg
// In test.js
export const fruitArray = ["apple", "orange", "durian"];

export default function() {
console.log("Dynamic module loaded");
}

// Button event triggers test.js module loading
async function load() {
let dynMod = await import('test.js');
dynMod.default();
alert(dynMod.fruitArray.join(","); // load array data
}

Check out an demo here
https://code.sololearn.com/WoR3yeFp6pSe/?ref=app