setting values inside jquery issue

Question

Here is my function i am declaring bar='0' i just want to update the value of bar='1' only if change is clicked, else the bar should have the default value as 0. so that when ever i alert the bar should alert.

i.e.,

If i click on the change the bar should have the value of 1 else it should have the default value as 0

How can i do this ..

Here is the code i have tried so far

<script>
$(function(){
      var bar = "0";
      $('#change').click(function()
      {
      var bar = "1";
      });
      $('#fire').click(function()
      alert(bar);
      }
});
</script>

is 'change' an id or a class? the same question goes to 'action'. and can you provide your html markup. — Oluwafemi
– Oluwafemi, Commented Feb 25, 2015 at 19:41

Nicklas Nygren · Accepted Answer · 2015-02-25 19:43:17Z

4

The second time around, in the click handler, you shouldn't use var, as that would redeclare bar within the function scope of the click handler.

Simply remove the var as such:

$(function(){
  var bar = "0";
  $('change').click(function()
  {
    bar = "1"; // Remove `var`
  });
  $('action').click(function(){
    alert(bar);
  }
});

This is thanks to javascript's support for closures. I really recommend reading the closure bit (and rest) of Eloquent Javascript, available here: http://eloquentjavascript.net/03_functions.html

answered Feb 25, 2015 at 19:43

Nicklas Nygren

2,60515 silver badges19 bronze badges

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

2 Comments

Nicklas Nygren Over a year ago

Glad to help. Give that page a read if you have time – you'll enjoy javascript more by doing it!

ABD Over a year ago

sure do :) i will do it now itself

Collectives™ on Stack Overflow

setting values inside jquery issue

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related