Boa tarde!!!
Pessoal, tô montando uma calculadora com JS... mas gostaria que o cálculo ocorresse automático, sem a necessidade de clicar em um botão.
Imaginem 3 inputs. Dois inputs são para o usuário informar valores, e o terceiro mostra o resultado.Ou seja, toda vez que fizer um .blur em um campo (sair dele), o resultado aparece.
Montei um código que chega quase lá, o problema que quando saio de um e o outro não tem valor, o resultado fica NaN.
Como posso resolver isso???
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Teste pegar Valor de elementos</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script>
$(function($){
// No id #enviar assim que clicar executa a função
$('.campo').blur(function(){
/* veja que eu criei variáveis para guardar os itens
* e só precisei usar a função val() para
* retornar o valor dos campo para a várivel
*/
var numero1 = $('#numero1').val();
var numero2 = $('#numero2').val();
var conta = parseInt(numero1)+parseInt(numero2);
$("#resultado").val(conta);
});
});
</script>
<body>
<!-- Repare que coloquei um ID para cada input -->
<input class="campo" id="numero1" type="text" />
<input class="campo" id="numero2" type="text" />
<input id="resultado" type="text" value="0" placeholder="Resultado"/>
</body>
</html>