Jump to content
Sign in to follow this  
Mativve

Po zsumowaniu wartości komórek nie wyświetla sumy JS

Recommended Posts

Witam potrzebuję w rozwiązaniu problemu z sumowaniem. Wynik wyświetla NaN

https://jsfiddle.net/jstzr8v1/

HTML:

<table id="res" class="wyjazdy">
  <tr>
    <td>Pożar</td><td class="number">5</td>
  </tr>
  <tr>
    <td>Miejscowe zagrożenie</td><td class="number">5</td>
  </tr>
  <tr>
    <td>Alarmy falszywe</td><td class="number">5</td>
  </tr>
  <tr>
    <td>Ćwiczenia</td><td class="number">5</td>
  </tr>
  <tr>
    <td>Inne</td><td class="number">5</td>
  </tr>
  <tr>
    <td>Razem</td><td id="wynik" class="number"></td>
  </tr>
</table>

JS:

var cls = document.getElementById("res").getElementsByTagName("td");
var sum = 0;
for(var i = 0; i < cls.length; i++){
  if(cls[i].className == "number"){
    sum += isNaN(cls[i].innerHTML) ? 0 : parseInt(cls[i].innerHTML);
  }
}
window.document.getElementById("wynik").innerHTML = sum;

 

Share this post


Link to post

Wszystko działa poprawnie. Wywal tylko class="number" dla #wynik.

Chciałeś prościej, to masz

var sum = 0;
$('.wyjazdy .number').each(function(){
  sum += isNaN(parseInt($(this).text()))? 0 : parseInt($(this).text());
});
$('#wynik').text(sum);

 

  • Like 1

Share this post


Link to post
Guest
This topic is now closed to further replies.
Sign in to follow this  
×
×
  • Create New...