Search jQuery

jQuery Forum

Getting Started

makamo66

How to force addition instead of concatenation

in Getting Started • 10 years ago

I'm trying to add all of the calorie contents in my javascript like this:

total = parseFloat(myInt1 + myInt2 + myInt3);

$('#response').append(total);

Instead of adding the variables they get concatenated. I've tried using parseInt, parseFloat, and Number but I still just get concatenation and not addition. Please look at the view source at http://maureenmoore.com/momp_112412/121912_800.html

Replies(5)

jay.blanc..

Re: How to force addition instead of concatenation

10 years ago

Do this -

total = parseInt(myInt1) + parseInt(myInt2) + parseInt(myInt3);

Each of the variables is text and must be converted to a number. You could also do the conversion when assigning the values to the variables and that would likely be cleaner.

makamo66

Re: How to force addition instead of concatenation

10 years ago

Thanks I added your code to http://maureenmoore.com/momp_112412/121912_800.html but it didn't improve the situation.

jay.blanc..

Re: How to force addition instead of concatenation

10 years ago

Change the parseFloats to parseInt

if(currentId == "draggable1"){
      var myInt1 = parseInt($('#MealplanCalsPerServing1').val());
}
if(currentId == "draggable2"){
      var myInt2 = parseInt($('#MealplanCalsPerServing2').val());
}
if(currentId == "draggable3"){
      var myInt3 = parseInt($('#MealplanCalsPerServing3').val());
}