我如何通过 Class 名称收集和总结这些值

Question

我正在尝试添加收集所有赔率，遍历结果并将它们添加到数组 totalArr。在第二步中，我试图总结 totalArr 中的值，但它不起作用。警报（总和）返回 03.32.51.82.2

    <p class="slip-odds">3.3</p>
    <p class="slip-odds">2.5</p>
    <p class="slip-odds">1.8</p>
    <p class="slip-odds">2.2</p>```


  <script type="text/javascript">

  let getSlipOdds = document.getElementsByClassName('slip-odds');

   let totalArr = [];

  for (let i = 0; i < getSlipOdds.length; i++) {

   var slipOdd = getSlipOdds[i].innerHTML;
   totalArr.push(slipOdd);

}

let sum = 0;

for (let i = 0; i < totalArr.length; i++) {
    sum += totalArr[i];
}
alert(sum);

 </script>

Answer 1

您应该在添加之前将 totalArr[i] 转换为数字。

Answer 2

因为javascript认为是字符串，不是数字。您可以轻松地将数组元素乘以 1，并将其转换为数字

sum += totalArr[i] * 1;

Answer 3

像这样在推送到数组之前转换为数字

   totalArr.push(Number(slipOdd));

我如何通过 Class 名称收集和总结这些值

How do I collect and sum up these values by Class Name

html

javascript

arrays

loops

getelementsbyclassname