How can I pass a function variable into a click event jquery?

Question

I am trying to pass a function var into a click event. See the code below.Appreciate.

function coolfunction(){
           var cool="hello";
  }

$('#good').on('click',function(){
             alert(cool);//how can i pass the function var here

  });
I am trying to pass a

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div id="good">click</div>

What are you trying to do? Local variables are only visible inside the function they're declared in. If you want a variable accessible outside, use a global variable instead. — Barmar
– Barmar, Commented May 8, 2015 at 18:32
Yes. If you assign a variable without using a var declaration, it assigns the global variable. — Barmar
– Barmar, Commented May 8, 2015 at 18:37

renakre · Accepted Answer · 2015-05-08 18:50:38Z

1

var cool = '';

function coolfunction(){
     cool="hello";
}

$('#good').on('click',function(){
      coolfunction();
      alert(cool);//this will print "hello"
});

edited May 8, 2015 at 18:50

answered May 8, 2015 at 18:32

renakre

8,3218 gold badges55 silver badges114 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Barmar Over a year ago

This won't alert anything.

conan Over a year ago

What if I cannot put the function inside the click, do I have another option?

renakre Over a year ago

@conan what do you mean?

Tatermelon · Accepted Answer · 2015-05-08 18:34:04Z

0

You can pass the name of the function

$('#good').on('click', coolfunction);

then put the alert in coolfunction

function coolfunction(){
       var cool="hello";
       alert(cool);
}

If you don't want the alert in coolfunction, then return cool in coolfunction and use the return value.

function coolfunction(){
       var cool="hello";
       return cool;
}

$('#good').on('click', function() {
    var cool = coolfunction();
    alert(cool);
});

answered May 8, 2015 at 18:34

Tatermelon

4792 silver badges10 bronze badges

Collectives™ on Stack Overflow

How can I pass a function variable into a click event jquery?

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related