Trying to use a function loaded from another page results in function undefined

Question

i am using fetch to load a page code (html & js ) from another page then insert that code to be able to use it.

   fetch('site.com')
    .then(response=>response.text())
    .then(data=>{ document.body.innerHTML += data })

after that i try to call a function called dosubmit() that's in the other page code but it gives me

dosubmit is not defined

even though that the request loaded successfully.

too lazy to find the dupe, but javascript is not evaluated with innerHTML — epascarello, Dec 14 '20 at 17:14
@epascarello "but javascript is not evaluated with innerHTML" but what does that mean ? that js code ( the submit function is in the page directly)... so the fix is ? — moooon, Dec 14 '20 at 17:15
When you do `foo.innerHTML = ""` it does not evaluate the script tag. — epascarello, Dec 14 '20 at 17:26
@epascarello "it does not evaluate the script tag." what does evaluate mean ? yeah document.body.innerHTML = "" didn't pop up anything ... so how do i get it to work ? — moooon, Dec 14 '20 at 17:31

score 0 · Answer 1 · answered Dec 14 '20 at 17:32

Javascript execution happens when html page gets loaded. After page has loaded, and you are trying to inject the Javascript code won't help.

There are some ways though to achieve this,

1 Answers1