Ir para conteúdo

POWERED BY:

Arquivado

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

Renato de Castro Ulisses

Campo com soma automática

Por , em Javascript

Recommended Posts

Renato de Castro Ulisses    0

Renato de Castro Ulisses
Postado

Boa noite,

 

Tenho este código e precisava colocar duas somas automáticas conforme explicarei abaixo..

 

- A parte vermelha do código deveria somar os totais dos produtos 1 e 2 e mostrar o resultado;

- A parte verde do código deveria receber um valor que seria digitado nele, somado com o valor que seria gerado na parte vermelha e aparecendo a resposta na parte do código azul;

 

Será que poderiam me ajudar?

 

 

 

 

<html>
<head>
<title>Estoque</title>
<script type="text/javascript">
function CalcB1(){
ValorUm = parseFloat(document.getElementById('valorB1').value);
ValorDois = parseFloat(document.getElementById('quantB1').value);
document.getElementById('resultadoB1').value = (ValorUm*ValorDois).toFixed(2);
}
</script>
<script type="text/javascript">
function CalcB2(){
ValorUm = parseFloat(document.getElementById('valorB2').value);
ValorDois = parseFloat(document.getElementById('quantB2').value);
document.getElementById('resultadoB2').value = (ValorUm*ValorDois).toFixed(2);
}
</script>
<body>
<center>
<table summary="Esta tabela mostra Posição de Estoque do mês." border="1" width="70%">
<tr>
<th>Nome do Produto</th>
<th>Quantidade</th>
<th>Código</th>
<th>Valor</th>
<th>Total</th>
</tr>
<tr>
<td align="center" valign="top" width="60%">Produto 1</td>
<td align="center" valign="top" width="10%"><INPUT TYPE="text" SIZE="3" value="0" NAME="quantidade" id="quantB1">
<td align="center" valign="top" width="10%">PROD1</td>
<td align="center" valign="top" width="10%"><input name="valor" size="3" value="0" type="text" id="valorB1" onblur="CalcB1()"></td>
<td align="center" valign="top" width="10%"><INPUT TYPE="text" SIZE="3" value="0" NAME="total" id="resultadoB1"></td>
</td></tr>
<tr>
<td align="center" valign="top" width="60%">Produto 2</td>
<td align="center" valign="top" width="10%"><INPUT TYPE="text" SIZE="3" value="0" NAME="quantidade" id="quantB2">
<td align="center" valign="top" width="10%">PROD2</td>
<td align="center" valign="top" width="10%"><input name="valor" size="3" value="0" type="text" id="valorB2" onblur="CalcB2()"></td>
<td align="center" valign="top" width="10%"><INPUT TYPE="text" SIZE="3" value="0" NAME="total" id="resultadoB2"></td>
</td></tr>
</table></center>
<center>
<table summary="Esta tabela soma o total em valor do estoque e do caixa." border="1" width="70%">
<tr>
<td align="center" valign="top" width="90%">Total de Estoque</td>
<td align="center" valign="top" width="10%"><INPUT TYPE="text" SIZE="3" value="0" NAME="estoque"></td>
</tr>
<tr>
<td align="center" valign="top" width="90%">Dinheiro no caixa</td>
<td align="center" valign="top" width="10%"><INPUT TYPE="text" SIZE="3" value="0" NAME="caixa"></td>
</tr>
<tr>
<td align="center" valign="top" width="90%">Total Geral</td>
<td align="center" valign="top" width="10%"><INPUT TYPE="text" SIZE="3" value="0" NAME="totgeral"></td>
</tr>
</table></center>
</body>
</html>

 

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Renato de Castro Ulisses    0

Renato de Castro Ulisses
Postado

Então..

Comecei a tentar fazer o script para calcular, mas não apresenta o resultado..

 

 

 

 

<script type="text/javascript">
function CalcESTOQUE(){
ValorOne = parseFloat(document.getElementById('resultadoB1').value);
ValorTwo = parseFloat(document.getElementById('resultadoB2').value);
document.getElementById('estoque').value = (ValorOne+ValorTwo).toFixed(2);
}
</script>

 

<script type="text/javascript">
function CalcTOTGERAL(){
ValorOne = parseFloat(document.getElementById('estoque').value);
ValorTwo = parseFloat(document.getElementById('caixa').value);
document.getElementById('totgeral').value = (ValorOne+ValorTwo).toFixed(2);
}
</script>

 

 

 

 

Resumindo,

- entro com a QUANTIDADE e o VALOR UNITÁRIO do item 1, o script me apresenta VALOR ITEM 1 = (QUANTIDADE X VALOR UNITÁRIO);

- entro com a QUANTIDADE e o VALOR UNITÁRIO do item 2, o script me apresenta VALOR ITEM 2 = (QUANTIDADE X VALOR UNITÁRIO);

Estes dois acima já tinha feito..

 

Agora precisava de dois scripts,

- um script que fizesse a soma dos valores e apresentasse, SOMA = (VALOR ITEM 1+VALOR ITEM 2);

- um script que fizesse a soma deste valor que seria gerado acima, SOMA, com um valor que eu digitasse num INPUT TYPE.

 

Seria isso.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Renato de Castro Ulisses    0

Renato de Castro Ulisses
Postado

Procurei como funciona o console.log, mas fiquei na mesma..

 

como nomear estas variáveis sendo que já são variáveis?

e esse terceiro valor seria inserido através de input type text, como capturo ele para inserir neste "console.log"?

 

Seria do tipo, me salvem com o código completo.. rs

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito