Add in and out and subtract

Question

Add in and out and subtract

Navigation

#1 by (2 votes)

5

I have this code :

$(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 />");
});

<body>
    <table width="" 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>&nbsp;</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>&nbsp;</p>
</body>

I need sums of total values outside the javascript type inside a table or id div

I know this is for anyone who can handle javascript could anyone help me?

html jquery tabela

asked by anonymous 04.05.2015 / 22:15

1 answer

Returning to the top of the screen when writing in the field Compare contents of a Column

score 2 · Answer 1

If it's what I understand you want to put table with javascript, if that's it then just add javascript as below

$(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;
var $table = $('<table>').attr('border',1);
$table.append('<tr><td>TOTAL ENTRADA</td><td>'+ $entrada +'</td></tr>');
$table.append('<tr><td>TOTAL SAIDA</td><td>'+ $saida +'</td></tr>');
$table.append('<tr><td>TOTAL GERAL</td><td>'+ $total +'</td></tr>');
$("body").append($table);
$("body").append("TOTAL ENTRADA = R$ " + $entrada + "<br />")
         .append("TOTAL SAIDA = R$ " + $saida + "<br />")
         .append("TOTAL GERAL = R$ " + $total + "<br />");
});