Use jquery to keep adding numbers to a variable on click

Question

I'd like to know how to keep adding number to a varible. For instance the number starts at 0 then every time you click the button it adds 20. So the first click would change the variable to 20 then the next click 40. This is as far as I can get..

var n = 0;
$('#button).live('click', function() {
    newval = n+20;
    $('.number').append($('<p/>', {text: newval}));     
});

SLaks · Accepted Answer · 2010-06-03 22:21:18Z

3

n never changes.
You need to replace your newVal variable with n.

Also, you missed a quote in your selector.

answered Jun 3, 2010 at 22:21

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

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

Comments

Nick Craver · Accepted Answer · 2010-06-03 22:21:11Z

1

You're adding 20, but not storing the result, here's what you're after:

var n = 0;
$('#button').live('click', function() {
    $('.number').append($('<p/>', {text: n += 20}));     
});

You can see a demo of it here, using += you're adding 20 to n, and saving the result back to n, previously you were getting but never setting n, it was only setting newVal, which was thrown away.

answered Jun 3, 2010 at 22:21

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

2 Comments

SLaks Over a year ago

Don't confuse him with side-effects.

Nick Craver Over a year ago

@SLaks: Elaborate? It simplifies the example, not sure where the confusion would be.

Collectives™ on Stack Overflow

Use jquery to keep adding numbers to a variable on click

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related