i want to calculate the sum of all the table elements. ie. the alert box should display 21 instead of 010203040506

Question

i want to add the numeric values from the given table. the alert box should display the sum.

<html>
    <head>
    <script type="text/javascript">
function Calc()
{
i=0
temp=0;
ab=0;
while(i<=5)
{
ab=document.getElementById("tabl").rows[0].cells[i].innerHTML;
temp+=ab;
i++
}
    alert(temp);
}
    </script>
    </head>
    <body>
<table id="tabl" border="1">
            <tr>
        <td>01</td>
            <td>02</td>
        <td>03</td>
            <td>04</td>
        <td>05</td>
            <td>06</td>
        </tr>
    </table>
<input type="button" value="Calculate" onclick="Calc()"> 
    </body>
    </html>

however on executing the program the alert box displays 010203040506.

innerHTML returns a string value, and in js, "01" + "02" = "0102". You'll need to parse the strings as haitaka's link says. — Phix, Mar 29 '13 at 19:01

score 1 · Answer 1 · answered Mar 29 '13 at 19:00

1

Use

temp+=parseFloat(ab);

Or parseInt() if they are always integers.

Otherwise you just concatenate the string, while you need to convert it to numbers to perform addition.

answered Mar 29 '13 at 19:00

n-dru

9,285
2
29
42

score 0 · Answer 2 · answered Mar 29 '13 at 19:03

0

You're concatenating string values, not adding numbers, use parseFloat or parseInt in your equation.

See it working here: http://jsfiddle.net/7N6vX/

answered Mar 29 '13 at 19:03

sellmeadog

7,437
1
31
45

i want to calculate the sum of all the table elements. ie. the alert box should display 21 instead of 010203040506

2 Answers2