Javascript Element How to - Add all numbers displayed in a single div element

Question

We would like to know how to add all numbers displayed in a single div element.

Answer


<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'>
window.onload=function(){<!--   ww w.  j a  v a  2s. c  o m-->
    var numbers = document.getElementById("myDiv").innerHTML.split(" <br> ");
    var length = numbers.length;
    var sum = 0;
    for(var i = 0; i < length; i++){
    sum += parseInt(numbers[i]);
    }
    console.log(sum);
}
</script>
</head>
<body>
  <div id="myDiv">
    1 <br /> 2 <br /> 3 <br /> 4
  </div>
</body>
</html>

The code above is rendered as follows: