Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

hemerson prestes

Somar entrada e saída e totalizar

Recommended Posts

Ola amigos do fórum boa noite gostaria de fazer uma soma em javascript na seguinte tabela

<body>
<table width="" border="1" >
  <tr>
    <td> ENTRADA</td>
  </tr>
</table>
<table width="198" border="1" >
  <tr>
    <td width="39%"> PRODUTO</td>
    <td width="12%">VALOR</td>
  </tr>
 
  <tr>
    <td >1</td>
    <td>100,00</td>
  </tr>
  <tr>
    <td >2</td>
    <td>100,00</td>
  </tr>
 
</table>
<p> </p>
<table width="" 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>50,00</td>
  </tr>
 
</table>
<p> </p>
<p>TOTAL ENTRADA =R$ 200,00</p>
<p>TOTAL SAIDA =R$ 50,00</p>
<p>TOTAL GERAL =R$ 150,00</p>
<p> </p>
</body>

 

Pesso ajuda dos colegas .

Compartilhar este post


Link para o post
Compartilhar em outros sites

Coloque IDs nos elementos e use-os no script js para fazer o cálculo.

 

SCRIPT

<script>
    function calc(Ent, Sai){
        var tEnt = parseFloat(Ent);
        var tSai = parseFloat(Sai);
        var total = (tEnt - tSai);
        document.getElementById("total").innerHTML = total;
    }
</script>

Agora, no evento que melhor convier, onclick de um botão por exemplo, você chama a função passando os valores de entrada e saída:

onclick="calc(document.getElementById("entrada").innerHTML, document.getElementById("saida").innerHTML);"

Mais ou menos por aí. Tente adaptar para o seu caso, lembrando que é mais prático os valores ficarem em um elemento separado como por exemplo um span ou melhor ainda em um textfield e nesse caso deve mudar innerHTML para value.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Utilizando o teu script:

 

$(".sum").sum("keyup", "#totalgeral");
e ai mudei o html:

 

<input type="text" name="entrada" class="sum" value="200,00" size="2" />
<td><input type="text" name="saida" class="sum" value="50,00" size="2" /></td>
pronto, agora está somando.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.