[javascript] Javascript : calling function from another file

I'm just new comer at Javascript so when I read a Javascript document, and there're many complex structures that I cannot follow.

Here is the short explanation of Javascript code that I'm reading : in my case there are two main files : Helper.js and Circle.js.

In Helper.js, there is a method name :using:function(param1,param2). And below is code for Circle.js:

Helper.using('py.Figures', function (ns) {

    ns.Circle = function (params) {
        // some additional methods and code here
    }

    ns.Alert = function(){   // for the test purpose
           alert('hello');
    }
});

And in file test.html, I write some code like this :

<script src="Helper.js"></script>
<script src="circle.js"></script>
<script>
   test = function(){
        py.Figures.Alert();  // calling for testing purpose
   }
</script>
<body onload="test();"></body>

When I run on Chrome and view in console, I meet this error :

Uncaught TypeError: Object # has no method 'Alert'

It means I haven't import those class, yet. Please tell me how to calling function from another file. In my case is : calling Alert()

Thanks :)

@ Edit: I have added some links for the code :

Helper.js

Circle.js

This question is related to javascript

The answer is


Yes you can. Just check my fiddle for clarification. For demo purpose i kept the code in fiddle at same location. You can extract that code as shown in two different Javascript files and load them in html file.

https://jsfiddle.net/mvora/mrLmkxmo/

 /******** PUT THIS CODE IN ONE JS FILE *******/

    var secondFileFuntion = function(){
        this.name = 'XYZ';
    }

    secondFileFuntion.prototype.getSurname = function(){
     return 'ABC';
    }


    var secondFileObject = new secondFileFuntion();

    /******** Till Here *******/

    /******** PUT THIS CODE IN SECOND JS FILE *******/

    function firstFileFunction(){
      var name = secondFileObject.name;
      var surname = secondFileObject.getSurname()
      alert(name);
      alert(surname );
    }

    firstFileFunction();

If you make an object using the constructor function and trying access the property or method from it in second file, it will give you the access of properties which are present in another file.

Just take care of sequence of including these files in index.html