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 !

Where is 'start_canvas.js' being loaded? None of the code you have shown accomplishes that. — terrymorse
– terrymorse, Commented Jan 4, 2021 at 18:48

uke · Accepted Answer · 2021-01-04 18:39:21Z

2

In your code call the callback in the right place

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

answered Jan 4, 2021 at 18:39

uke

8914 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mehmetx · Accepted Answer · 2021-01-04 18:48:05Z

1

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", ()=>{});

edited Jan 4, 2021 at 18:48

answered Jan 4, 2021 at 18:41

mehmetx

8706 silver badges6 bronze badges

3 Comments

Cranky Unicorn Over a year ago

yes it is sorry I didn't simplified that but I'm working in a larger project the path is correct

mehmetx Over a year ago

your codes work well if references/paths are well

Cranky Unicorn Over a year ago

thank you yeah I did edit the question it was a path error !

Collectives™ on Stack Overflow

Trying to run a function from a dynamically loaded javascript script

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related