Atualizar valores sem refresh!

[rafael.pelizza 1]

Boa tarde, pessoal!

Seguinte, tenho um formulário e um input onde o usuário digita o valor de custo de um produto e outro input que ele digita o valor de venda... embaixo tenho uma div que mostra o valor do lucro...

Está quaseee tudo certo, mas o resultado só é mostrado quando eu clico fora dos campos, ou em qualquer lugar...

como faria pra mostrar automatico conforme eu fosse digitando? Claro que primeiro precisaria preencher o campo custo, ai qndo começasse a preencher o campo venda, já automaticamente ir mostrando o lucro da possível venda?

 

utilizei o código

<script type="text/javascript">
    $(document).ready( function() {
        
        $('#venda, #custo').blur(function(){
            var venda = $('#venda').val(); 
            var custo = $('#custo').val(); 
            
            var multiplica = parseInt(venda) * 100;
            var divide = parseInt(multiplica) / parseInt(custo);
            var resultado = parseInt(divide) - 100;
            $('#lucro').html(resultado);
        })
         
    });
</script>

e os inputs e a div:

<label for="custo">Preço de custo (Unidade):</label>
<input type="text" id="custo" name="custo" onKeyUp="moeda(this)" placeholder="Ex.: 10.50" value="" required/>
<label for="custo">Preço de venda (Unidade):</label>
<input type="text" id="venda" name="venda" onKeyUp="moeda(this)" placeholder="Ex.: 20.50" value="" required/>
                       
<div id="lucro"></div>

Ah, outra coisa, na hora de exibir o lucro, como colocar o texto: Possível lucro: (valor do lucro)%

 

abraços

[Wanderson Valerio 102]

Troque:

$('#venda, #custo').blur(function(){

Por:

$('#venda, #custo').bind('keyup', function(){