Ir para conteúdo

POWERED BY:

Arquivado

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

Keven Jesus_164006

somar inputs

Por , em Javascript

Recommended Posts

Keven Jesus_164006    39

Keven Jesus_164006
Postado

Olá , to com uma duvida aqui eu tentei usar keypress para mostrar em tempo real o calculo de varios inputs porem não sei se eu digitei alguma coisa errada o calculo sai todo errado ...

 

	$(function(){

		var input1 = $('.in1').val();
		var input2 = $('.in2').val();
		

		var soma = Number(input1) + Number(input2)
		
		soma.keypress(function(){	
			$('.res').html(soma);
			})


	})

 

 	<input type="text" class="in1">
 	<input type="text" class="in2">


 	<div class="res"></div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

o keypress vc tem q fazer em cima do input, e ler o valor dele cada vez q pressionar a tecla.

$(function(){

    var $in1 = $('.in1'),
        $in2 = $('.in2'),
        $res = $('.res');


    $in1.keypress(function(){
        $res.html( $in1.val() + $in2.val() );
    });
    $in2.keypress(function(){
        $res.html( $in1.val() + $in2.val() );
    });


});

Compartilhar este post

Link para o post
Compartilhar em outros sites

Keven Jesus_164006    39

Keven Jesus_164006
Postado

 

 

ele retorna undefined esses $ ta certo nas variaveis ?

 

--

 

a var in1 estava faltando ponto da classe,mas agora ele não soma ele parece que junta e ingnora o ultimo do ultimo input

 

i5gZZeA.png

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

faz assim:

    $in1.keypress(function(){
        $res.html( parseFloat($in1.val()) + parseFloat($in2.val()) );
    });
    $in2.keypress(function(){
        $res.html( parseFloat($in1.val()) + parseFloat($in2.val()) );
    });

Compartilhar este post

Link para o post
Compartilhar em outros sites

Keven Jesus_164006    39

Keven Jesus_164006
Postado

 

faz assim:

    $in1.keypress(function(){
        $res.html( parseFloat($in1.val()) + parseFloat($in2.val()) );
    });
    $in2.keypress(function(){
        $res.html( parseFloat($in1.val()) + parseFloat($in2.val()) );
    });

 

 

não rolou bruno rsrs to usando ajax mesmo ... ai chego outro go horse o codigo atual lá é bug só ... ele nao me ler o form bagunça total vlw ajuda

Compartilhar este post

Link para o post
Compartilhar em outros sites

cristianoolv    93

cristianoolv
Postado 




<!doctype html>



<html lang="en">



<head>



<meta charset="UTF-8">



<title>Test</title>



</head>



<body>



<input type="text" class="in1">



  <input type="text" class="in2">



  <div class="res"></div>



</body>



<script>



  (function(){


 



   function ref(f){



    document.querySelector("div.res").innerHTML = f;



   }


 



   var n1 = document.querySelector(".in1"),



       n2 = document.querySelector(".in2");


 



  n1.addEventListener("keyup",function(){ 



     ref(



        (parseFloat(this.value) + parseFloat(n2.value || 0) || 0).toFixed(2)



     ) 



  },false);


 



  n2.addEventListener("keyup",function(){ 



     ref(



        (parseFloat(this.value) + parseFloat(n1.value || 0) || 0).toFixed(2)



     ) 



  },false);


 



}());



</script>



</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