Why am I getting a concatenated value in this loop

Question

I am making a UI in this link pluker link using the following code for a function:

function span1(left1, width, id, color11) {

    if (id == 1) {
        var sum = 0;
        if (sum < width)
            sum = width;

        width5 = left1 + sum;
        console.log(width);
    } else if (id == 2) {
        var sum2 = 0;
        left1 = width5;
        if (sum2 < width)
            sum2 = width;

        width1 = left1 + sum2;
    } else if (id == 3) {
        var sum1 = 0;
        if (sum1 < width)
            sum1 = width;
        left1 = width1;
        width2 = sum1 + left1;

    } else if (id == 4) {
        left1 = width2;
        width3 = left1 + width;
    } else {
        left1 = width3;
    }

When the id is changing form 1 to 2 its giving my left1 value as 6620 which is concatenation of left1=66 and width=20. Could you please help me? Thanks in advance.

can you please tell me where exactly i should do it just for example — deepak, Nov 23 '15 at 05:42

score 3 · Accepted Answer · edited May 23 '17 at 11:59

3

you just need to use parseFloat() or parseInt()

function span1(left1, width, id, color11) {
   left1 = parseInt(left1 , 10);
   width = parseInt(width , 10);
   // So on ....

or you can use parseFloat() up to what you need .. you can read Behavior difference between parseInt() and parseFloat()

edited May 23 '17 at 11:59

Community

1
1

answered Nov 23 '15 at 05:43

Mohamed-Yousef

23,946
3
19
28

@deepak glad to hear that .. Good Luck :) – Mohamed-Yousef Nov 23 '15 at 05:49
1

You should be careful to always use both arguments with parseInt, so in this case you likely want `parseInt(left1,10)` for example. Without doing so, you will get erroneous values if the value passed should ever start with a zero. – Chris O'Kelly Nov 23 '15 at 06:33
@deepak updated answer with ,10 please read Chris comment and the url I refer to in the answer .. finally .. don't forget to accept my answer :) – Mohamed-Yousef Nov 23 '15 at 06:43
@Mohamed-Yousef:can you please tell me why 10 is used there – deepak Nov 23 '15 at 10:54
@deepak click on the link I sent in my answer .. and take a look at last answer on it – Mohamed-Yousef Nov 23 '15 at 11:15

Why am I getting a concatenated value in this loop

1 Answers1