Ir para conteúdo

POWERED BY:

Arquivado

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

Eletrohoo

[Resolvido] Operação Matemática em Campo Input

Por , em Javascript

Recommended Posts

Eletrohoo    0

Eletrohoo
Postado

Amigos, bom dia.

 

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

 

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?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

'no momento em que os campos são preenchidos'.

 

use o evento onkeypress em cada campo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Lucas Merencia    0

Lucas Merencia
Postado 

<html>

<head>

<script language="javascript">

function calcular(){

var valor1 = document.getElementById("valor1").value; //pega o valor do imput do valor 1

var valor2 = document.getElementById("valor2").value; //pega o valor do imput do valor 2

var subtracao = valor1 - valor2; //calcula =D

 

//insere no html da div subtraçao o imput com o valor da calculo

document.getElementById("subtracao").innerHTML = "Subtração: <input type='text' value='"+ subtracao +"'/>";

}

</script>

</head>

<body>

Valor 1: <input type="text" id="valor1" onBlur="calcular()"/><br/><!--qunado perde o foco a função calcular é executada -->

Valor 2: <input type="text" id="valor2" onBlur="calcular()"/><br/>

<div id="subtracao">Subtração: <input type="text"/></div>

</body>

</html>

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