4 replies to this topic

[Maxwell]

Amigos, bom dia.

Vocês poderiam me auxiliar a montar um formulario com um calculo matematico?

O que eu tenho é o seguinte:


<input type=text name=valor1>
<input type=text name=valor2>
<input type=text name=valor1-valor2>


Ou seja o que for digitado no campo valor1 e valor2, terão o resultado no campo "valor1-valor2" ,
no caso seria uma subtração.

Pesquisando na net, eu consegui montar esse formulario mas o resultado so é exposto quando clico no botão enviar.

O que eu queria seria algo automatico, onde o resultado é preenchido no momento em que os campos recebem os digitos, isso é possivel? Podem me dar uma dica de por onde começo?

[Cristiano Galdino]

Olá, basta você adicionar um evento onchange nos campos que recebem os valores.

<input type="text" name="valor1" onchange="funcaoQueFazASoma();" />
<input type="text" name="valor2" onchange="funcaoQueFazASoma();" />
<input type="text" name="resultado" />

[André Manoel]

Só para complementar mais a resposta do Cristiano...

Essa função iria verificar se os dois campos estão preenchidos...

Se eles estiverem preenchidos você só vai precisar colocar o valor dentro do último input.

Para facilitar coloque um id nos campos... que você irá pegar os valores dos campos através desse id.

<input type="text" name="valor1" onchange="funcaoQueFazASoma();" id = "campo1" />
<input type="text" name="valor2" onchange="funcaoQueFazASoma();" id = "campo2" />
<input type="text" name="resultado" id = "campo_resultado" />

E dentro da função você pegaria os valores através do id:

<script type = "text/javascript">
   funcaoQueFazASoma(){
       valor1 = document.getElementByID("campo1").value;
       valor2 = document.getElementByID("campo2").value;

       //e para atribuir o resultado no ultimo campo
       document.getElementByID("campo_resultado").value = parseFloat(valor1) + parseFloat(valor2);
       
   }
</script>

[Maxwell]

André, fiz como você mensionou mas o calculo ainda não é feito, esta faltando alguma coisa?

[André Manoel]

Posta o código que vc fez por favor...