I have this code below, which is doing sum as I want, but would like it to generate total values, type:
TOTAL ENTRY = R $ 200
TOTAL OUTPUT = R $ 50
TOTAL GENERAL = R $ 150
I wanted it to be outside the code of javascript
, type between the body. Could someone help me with this? Here is an example:
$(document).ready(function () {
var $entrada = 0,
$saida = 0,
$total = 0;
$.each($("td[name='entrada']"), function() {
$entrada += parseFloat($(this).text().replace(",", "."));
});
$.each($("td[name='saida']"), function() {
$saida += parseFloat($(this).text().replace(",", "."));
});
$total = $entrada - $saida;
$("body").append("TOTAL ENTRADA = R$ " + $entrada + "<br />")
.append("TOTAL SAIDA = R$ " + $saida + "<br />")
.append("TOTAL GERAL = R$ " + $total + "<br />");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><body><tablewidth="" border="1">
<tr>
<td>ENTRADA</td>
</tr>
</table>
<table width="198" border="1" id="table">
<tr>
<td width="39%">PRODUTO</td>
<td width="12%">VALOR</td>
</tr>
<tr>
<td>1</td>
<td name="entrada">100,00</td>
</tr>
<tr>
<td>2</td>
<td name="entrada">100,00</td>
</tr>
</table>
<p> </p>
<table border="1">
<tr>
<td>SAIDA</td>
</tr>
</table>
<table width="196" border="1">
<tr>
<td width="39%">DESCRICAO</td>
<td width="12%">VALOR</td>
</tr>
<td>SAIDA</td>
<td name="saida">50,00</td>
</tr>
</table>
<p> </p>
</body>