Question

In my file, a have many dom elements and an external javascript file that has some functions to manage events. The problem is that when i include the functions.js file at the end of my main file:

            <script src="functions.js"></script>

That works for some elements but not for others. So i move that at the top of my file, and now it works for some elements but not the other either.

It doesn’t works means that i got such error in the web console:

ReferenceError: oneOfMyFunctions is not defined

What is the best place to put that include? Thanx in advance.

EDIT:

In my html file (the main file), i did this:

        <script>
                window.onload = function(){

        // start calling your function eg. functions.j();
        myFunction();

   };

     </script>

Still get the same issue.

Answer 1

You can put your JavaScript file anywhere in page. But you should use window.onload method to start execution of your code.

<script>

  window.onload = function(){

        // start calling your function eg. functions.j();
   };

</script>