Jump to content
  • 0
lucasramosgt

Calculo Javascript com resultado Automatico

Question

Olá, estou com dificuldades em fazer uma soma de dois inputs no JavaScript.

O Calculo já foi feito porem gostaria que inseri-se o resultado automático sem precisar dar tab ou clicar em outra área qualquer.

Desde já agradeço.

 

 <form>
     <input type="number" id="campo1" name="">
     <input type="number" id="campo2" name="" > = 
     <input name="txtConversion" type="text" id="txtConversion" onblur="calcular()">
 </form>
</body>
<script type="text/javascript">
function calcular(){
    var valor1  = parseInt(document.getElementById('campo1').value, 10);
    var valor2 = parseInt(document.getElementById('campo2').value, 10);


    document.getElementById('txtConversion').value = valor1 + valor2;
}
</script>

 

Share this post


Link to post
Share on other sites

3 answers to this question

Recommended Posts

  • 0

Tente assim:

 

 <form>
     <input type="number" onchange="calcular()"   id="campo1"  >
     <input type="number" onchange="calcular()"   id="campo2"  > =
     <input name="txtConversion" type="text" id="txtConversion">
 </form>
</body>

<script type="text/javascript">
  function calcular(){
    var valor1  = parseInt(document.getElementById('campo1').value, 10);
    var valor2  = parseInt(document.getElementById('campo2').value, 10);
    
    if (!isNaN(valor1) && !isNaN(valor2)){
      document.getElementById('txtConversion').value = valor1 + valor2;
  }
}
</script>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Kauê Fucherberger Bonfá
      eu estou tentando fazer um programa que mostra qual produto vale mais a pena mas eu fiz um if falando que quando o preço e a quantidade dos produtos são iguais a frase "os produtos sao iguais" aparece mas por algum motivo o if não está funcionando.
      <div id="produto1"> <div><input type="number" id="preco1" placeholder="preco"></div> <div><input type="number" id="quantidade1" placeholder="quantidade"></div> </div> <div id="produto2"> <div><input type="number" id="preco2" placeholder="preco"></div> <div><input type="number" id="quantidade2" placeholder="quantidade"></div> </div> <div><button onclick="calcular()">calcular</button></div> <div><p>resultado:<a id="resultado"></a></p></div> <script> function calcular() { var q1 = document.getElementById('quantidade1').value var p1 = document.getElementById('preco1').value var q2 = document.getElementById('quantidade2').value var p2 = document.getElementById('preco2').value if (p1 == p2 && q1 == q2) { document.getElementById('resultado').innerText = 'Os produtos são iguais' } } </script> Não coloquei o codigo inteiro mas acho que assim da pra entender
    • By victorhupo
      Eu tenho um código html e quero que a partir de um formulário o javascript modifique o conteúdo dele porem tenho um conhecimento raso.
       o código seria esse.
      <textarea> <div class="separator" style="clear: both; text-align: center;"> <a href="https://1.bp.blogspot.com/-TDuaU9uqbks/XVQ-Oj0THFI/AAAAAAAAEJw/mMdKEcvI-LwDoTVkcam8OVPse77LndSowCLcBGAs/s1600/S01E08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="901" data-original-width="1600" src="https://1.bp.blogspot.com/-TDuaU9uqbks/XVQ-Oj0THFI/AAAAAAAAEJw/mMdKEcvI-LwDoTVkcam8OVPse77LndSowCLcBGAs/s1600/S01E08.png" /></a></div> </textarea> eu preciso que a partir do link q o usuário colocar no formulário ele substitua esse link de imagem pelo que foi colocado na tabela. alguém tem alguma solução?
    • By geivisonsales
      Tenho um site sobre conteudos de entretenimento, e todos os posts tem uma imagem de fundo do tmdb, tem alguma maneira de otimizar o carregamento dessas imagens por url? ou alguma outra maneira?
    • By Lottechar
      tenho uma funçao e quero modificar os estilos sem precisar ficar escrevendo "document bla bla" toda hora em todas as modificaçoes .style, 
      o codigo e mais ou menos isso:
       
      function teste() { var info_cor = document.getElementById('mensagemCor').value; mensagemCor.style.color = "#fff"; } ja verifiquei esta com o eveneto os IDs estao certos, mas da erro especificamente na
       
      info_cor.style.color = "#fff"; alguem pode me tirar a duvida de como é a forma correta?
    • By Claudia França
      prezados como eu altero de loked para unloked do arro para não carregar o java e seguir com o procedimento. 
       
       
      ?Veja nesse link https://drive.google.com/drive/u/0/folders/1h0EbUoz3UOL8j9orWirUAPILt7cg7q-p 
      minhas imagens não estao subindindo aqui, não sei porque, acho que tenho limitação. 
       
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.