Trying to run a function from a dynamically loaded javascript script

Question

Hi I need some help here I'm trying to figure out why DOM can't find the functions loaded dynamically from other javascripts files. Some points about what is going on where would be great.

CHROME ERROR: Uncaught ReferenceError: start_canvas is not defined

HTML

<html>
<head>
</head>
<body>
<script src="assets/scripts/main.js" type="text/javascript"></script>
<script type="text/javascript">
    //previous erroneous code load_script("assets/scripts/script.js", ()=>{});
    load_script("assets/scripts/start_canvas.js", ()=>{});
    window.onload = () => start_canvas();
</script>

</body>
</html>

JS - main.js

function load_script(url, callback) {
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = url;
    if (callback != null) {
        script.onload = function () {
            callback();
        };
    }
    document.getElementsByTagName("head")[0].appendChild(script);
}

JS - start_canvas.js

function start_canvas() {
    alert("bar");
}

thanks !

Answer 1

In your code call the callback in the right place

 load_script("assets/scripts/script.js", () => start_canvas());

Answer 2

change your script file name to start_canvas.js . it is assets/scripts/ script.js in your code

 load_script("assets/scripts/start_canvas.js", ()=>{});

Trying to run a function from a dynamically loaded javascript script

Question

2 answers

solution1
2 2021-01-04 18:39:21

solution2
1 ACCPTED 2021-01-04 18:41:24

Trying to run a function from a dynamically loaded javascript script

Question

2 answers

solution1 2 2021-01-04 18:39:21

solution2 1 ACCPTED 2021-01-04 18:41:24

solution1
2 2021-01-04 18:39:21

solution2
1 ACCPTED 2021-01-04 18:41:24