Update: Nowadays you should prefer to use ES6 import/export in a <script> tag with type=module or via a module bundler like webpack.

When both script files are included in the same page, they run in the same global JavaScript context, so the two names will overwrite each other. So no, you can not have two functions in different .js files with the same name and access both of them as you've written it.

The simplest solution would be to just rename one of the functions.

A better solution would be for you to write your JavaScript modularly with namespaces, so that each script file adds the minimum possible (preferably 1) objects to the global scope to avoid naming conflicts between separate scripts.

There are a number of ways to do this in JavaScript. The simplest way is to just define a single object in each file:

// In your first script file

var ModuleName = {

    myMain: function () {

        var count=0;

        count++;               

        myHelper(count);

        alert(count);

    },



    myHelper: function (count) {

        alert(count);

        count++;

    }

}

In a later script file, call the function
ModuleName.myMain();

A more popular method is to use a self-evaluating function, similar to the following:

(function (window, undefined) {



    // Your code, defining various functions, etc.

    function myMain() { ... }

    function myHelper(count) { ... }



    // More code...



    // List functions you want other scripts to access

    window.ModuleName = {

        myHelper: myHelper,

        myMain: myMain  

    };

})(window)