Eu preciso exibir o resultado total somando os valores que contem a coluna valor:
var linha=document.getElementsByClassName("calcular");
var resultado=document.getElementById('total').innerHTML = 0;
for (var i=0; i < linha.length; i++) {
resultado += parseInt(linha[i].innerHTML);
}
document.getElementById("total").innerHTML = resultado;
table {
margin: 5px;
float: left;
width: 564px;
padding: 6px;
font-weight: bold;
font-size: 10pt;
color: white;
text-align: center;
}
th {
background-color: slateblue;
color: white;
}
tr td {
background-color: white;
color: black;
text-align: center;
}
<table>
<tr>
<th>ID</th>
<th>NOME</th>
<th>VALOR</th>
</tr>
<tr>
<td>01</td>
<td>Beltrano</td>
<td class="calcular">10.50</td>
</tr>
<tr>
<td>02</td>
<td>Fulano</td>
<td class="calcular">05.98</td>
</tr>
<tr>
<td>03</td>
<td>Ciclano</td>
<td class="calcular">25.00</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> TOTAL </td>
<td> </td>
<td id="total"> </td>
</tr>
</table>
O script funciona em parte, mas não consegui fazer com que me dê o resultado total com as casas decimais(depois do ponto).
Como resposta, me retorna: 40
Quando deveria me retorna: 41.48
Pelo menos é assim que imagino que deve ser.
Se puxar isso em uma matriz array
, pra interagir entre os índices dá pra resolver ou tô enganado?
Ou isso resolve com apenas mais alguma expressão aritmética
parseInt
porparseFloat
?parseInt/Float
é usar+
:resultado += +linha[i].innerHtml;