How to increment variable that is stored in variable with Javascript?

Question

I have large block of html that is stored in a variable that contains a variable that should increment upon function.

Seems like this is very basic, yet couldn't figure out.

var x = 1,
    foo = '<p>This should count ' + x +'</p>';

$('#add').click(function () {
    $('#form-dynamic').append(form);
    x++;
});

Did you mean x instead of count and form instead of foo? Otherwise I can't make any connection. — Bergi
– Bergi, Commented Apr 29, 2016 at 14:54
The value of foo is a string. Even though you originally built it using the value of x, the string won't magically update if x changes. Think about this simplified example: var a = 1; var b = 2 + x;. At this point, b has the value 3. Would you expect that if I do a = 3, b will also somehow update to 5? Instead, whenever x changes have to "rebuild" foo. — Felix Kling
– Felix Kling, Commented Apr 29, 2016 at 15:00
:) yep, somehow I magically expected that. I completely forgot about the static variable. — Ganbayar Gansukh
– Ganbayar Gansukh, Commented Apr 29, 2016 at 15:01

Charlie · Accepted Answer · 2016-04-29 14:53:29Z

1

For one thing, your variable x is NOT a variable stored in another variable. It is a normal JS variable. So, just change x the way you change any variable.

var x = 1;        

$('#add').click(function () {
    $('#form-dynamic').append(form);
    foo = '<p>This should count ' + x +'</p>';
    x++;
});

answered Apr 29, 2016 at 14:53

Charlie

24k12 gold badges65 silver badges96 bronze badges

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

Comments

Praveen Kumar Purushothaman · Accepted Answer · 2016-04-29 14:55:28Z

0

Your variable is static. So at any point, it will show the same value. To get the latest value, each time you click, move it inside the event handler to re-execute and re-assign the latest value:

var x = 1, foo;
$(function () {
  $('#add').click(function () {
    foo = '<p>This should count ' + x +'</p>';
    $('#form-dynamic').append(form);
    x++;
  });
});

And also change the count++ to x++.

edited Apr 29, 2016 at 14:55

answered Apr 29, 2016 at 14:50

Praveen Kumar Purushothaman

167k27 gold badges215 silver badges261 bronze badges

1 Comment

Ganbayar Gansukh Over a year ago

Yeah, it was meant to x++, somehow I wrote it here count++. Thank you for reminding me about static variables.

Collectives™ on Stack Overflow

How to increment variable that is stored in variable with Javascript?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related