how to call a variable outside of click function

Question

jquery

$(selector).on('click',function(){
var $myvar = 'hi';
});

alert($myvar); // this won't alert hi as this is out of click function

How can I call that $myvar outside the function?

Update

I tried with below answers but seems not working http://jsfiddle.net/G5vAv/1/

I would like to return the value 'hi' when alerting. Any idea?

the problem is the variable is in the local scope of the function the solution is to move it a shared scope between the `click` handler and the consumer of the variable — Arun P Johny, Sep 12 '13 at 04:57
You're telling it to be hi only when you click so it's not going to be hi unless you click. — iConnor, Sep 12 '13 at 05:43
You are assigning value to $myvar on click so it will show 'undefined' on load after you click your variable it is assigned to hi, or try this way http://jsfiddle.net/G5vAv/3/ — Greenhorn, Sep 12 '13 at 06:05
I have to call without click but that variable is from click function. So is there no any idea to extract the value from click function. — Bhojendra Rauniyar, Sep 12 '13 at 06:11
You can trigger a click like this http://jsfiddle.net/G5vAv/4/ — Greenhorn, Sep 12 '13 at 06:37

score 0 · Answer 1 · edited May 23 '17 at 10:25

0

var $myvar;
$(selector).on('click',function(){
   $myvar = 'hi';
});
alert($myvar);

By using var inside the click function you are setting $myvar as a local variable which is only accessible inside the click function.

To make your variable accessible outside you have to declare it outside.

More about it javascript-variable-scope

edited May 23 '17 at 10:25

Community

1
1

answered Sep 12 '13 at 04:54

Tushar Gupta - curioustushar

58,085
24
103
107

score 0 · Answer 2 · answered Sep 12 '13 at 04:54

You have to declare the variable outside the function like so

var $myvar;
$(selector).on('click',function(){
    $myvar = 'hi';
});

alert($myvar);

This happens because of the different scopes in javascript, your variable was applied to the function's scope and the alert is outside that scope and therefore unable to access it.

All you have to remember is that javascript looks up for variables not down so you can only access variables that are declared on the current level or higher here is some examples.

var level_1;

// I can access level 1

function somefunc() {
   var level_2;
   // I can access levels 1 & 2


   return function() {
      var level_3;
      // I can access levels 1, 2 & 3 
   }
}

@C-Link That's because the default value for a variable is `undefined` if you alert it after you click then you will see the value like this http://jsfiddle.net/G5vAv/2/ — iConnor, Sep 12 '13 at 05:40

score 0 · Answer 3 · edited Sep 12 '13 at 05:42

0

you can't, since you are setting $myvar inside the function, it is limited to the scope of that function. if you want to be able to access the variable outside of the function, you can either:

leave out the var keyword, which will make it a global variable, or
define it outside of the function:

var $myvar;
$(selector).on('click',function(){
    $myvar = 'hi';
});

edited Sep 12 '13 at 05:42

iConnor

19,997
14
62
97

answered Sep 12 '13 at 04:55

kennypu

5,950
2
22
28

score 0 · Answer 4 · answered Sep 12 '13 at 04:59

0

You need to define the $myvar outside of the function

var $myvar;
$('#click').on('click',function(){
    $myvar = 'hi';
    checknow();
    return false;
});

function checknow()
{
    alert($myvar);
}

FIDDLE

answered Sep 12 '13 at 04:59

Khawer Zeshan

9,470
6
40
63

how to call a variable outside of click function

4 Answers4