Need help sum of numbers in the row javascript

Question

<html>
    <script>
        function myFunction() {
            var a = document.getElementById("a").value;
            var b = document.getElementById("b").value;
            var c = document.getElementById("c").value;
            var d = document.getElementById("d").value;
            var erg = document.getElementById("erg").value;
            var sum = a + b + c + d;
            document.getElementById("erg").innerHTML = sum;
    </script>
    <body>
        <table border="1">
            <tr>
                <td id="a">2</td>
                <td id="b">4</td>
                <td id="c">5</td>
                <td id="d">3</td>
                <td id="erg"></td>
                <td>
                    <button type="button" onclick="myFunction()">Sum</button>
                </td>
            </tr>
        </table>
    </body>
</html>

Please read the help center on how to ask a question. As of now, you have asked no question. — Sterling Archer, Oct 26 '15 at 20:12
This isn't entirely a duplicate. The base problem is that td's don't have value attributes. Once those are changed, then adding strings as numbers becomes the problem. — blm, Oct 26 '15 at 20:16

score 2 · Answer 1 · answered Oct 26 '15 at 20:15

parse int the number, and td not has value, use innertext

<html>
    <script>
        function myFunction() {
            var a =parseInt(document.getElementById("a").innerText);
            var b = parseInt(document.getElementById("b").innerText);
            var c = parseInt(document.getElementById("c").innerText);
            var d = parseInt(document.getElementById("d").innerText);
            
            var sum = a + b + c + d;
            document.getElementById("erg").innerHTML = sum;
          }
    </script>
    <body>
        <table border="1">
            <tr>
                <td id="a">2</td>
                <td id="b">4</td>
                <td id="c">5</td>
                <td id="d">3</td>
                <td id="erg"></td>
                <td>
                    <button type="button" onclick="myFunction()">Sum</button>
                </td>
            </tr>
        </table>
    </body>
</html>

recommend adding the radix argument in for parseInt, http://stackoverflow.com/questions/10398834/using-javascript-parseint-and-a-radix-parameter — hubson bropa, Oct 26 '15 at 20:17

Need help sum of numbers in the row javascript

1 Answers1