Calling variable from other file in jquery

Question

i have this index.html

    <script type="text/javascript" src="js/jquery-latest.js"></script>
    <script type="text/javascript" src="jqFunc.js"></script>
    <script type="text/javascript">

           var kamote = 6;

    </script>

and this jqFunc.js

$(function(){
   alert(kamote);
});

the problem is the value 6 wont appear.. what is way to call variables from other file like that?

Answer 1

You have to put kamote in the global window object.

Try:

<script type="text/javascript" src="js/jquery-latest.js"></script>
<script type="text/javascript" src="jqFunc.js"></script>
<script type="text/javascript">
    window.kamote = 6;
</script>

and this jqFunc.js

$(function(){
    alert(window.kamote);
});

Answer 2

javascript is an interpreter. It will read your codes line by line and then execute it. You missed the logic there. You have assigned a value to a variable after alerting it. Which is not the thing you expected.

try this,

<script type="text/javascript">
   var kamote = 6;
</script>
<script type="text/javascript" src="jqFunc.js"></script>

and see what I mean. ;)

added notes:

but still you might get the desired output at some time. It is because you have wrapped your alert with the ready handler event. If your DOM takes long to be ready, alert will be 6. But if it's quick, you will not get 6.

Answer 3

I have tested , its working fine

<script type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;
<script type="text/javascript" src="jqFunc.js"></script>
<script type="text/javascript">
 var kamote = 6;
</script>

There might be a problem with

<script type="text/javascript" src="js/jquery-latest.js"></script>

ie js/jquery-latest.js file dont exits!