Ir para conteúdo

Arquivado

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

yurirn_

gerador de numeros

Por , em Javascript

Recommended Posts

yurirn_    0

yurirn_
Postado 

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8" />
<title>Generar Números Aleatorios dentro de un Rango</title>
<script type="text/javascript">
function aleatorio() {
var i;
for (i = 0; i < 6;i ++) {
var min = parseInt(document.getElementById('min').value);
var max = parseInt(document.getElementById('max').value);
var res = Math.floor(Math.random() * (max - min + 1)) + min;
document.getElementById('resultado').innerHTML = res.toString();
 
 
}
}
</script>
</head>
<body>
<form >
<label for="min">Valor minimo: </label>
<input id="min" />
<label for="max">Valor máximo: </label>
<input id="max" />
<input type="button" value="Calcular" onClick="aleatorio();"/>
</form>
<p id="resultado"></p>
</body>
</html>

 

preciso que gere 6 numero em 6 input alguem poder ajudar ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

O problema do seu loop, é q vc está sobrescrevendo o conteúdo do resultado, sem nunca mostrar todos.

 

Ajuste:

document.getElementById('resultado').innerHTML += res.toString() + '<br />';
Melhorando o script:

<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="utf-8" />
  <title>Generar Números Aleatorios dentro de un Rango</title>
</head>
<body>
<form>
  <label for="min">Valor minimo: </label>
  <input id="min" />
  <label for="max">Valor máximo: </label>
  <input id="max" />
  <input type="button" value="Calcular" id="calc" />
</form>
<p id="resultado"></p>

<script type="text/javascript">
function aleatorio(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}
function make(times) {
  var min = parseInt($min.value, 10);
  var max = parseInt($max.value, 10);
  document.getElementById('resultado').innerHTML = '';
  while(times--) {
    document.getElementById('resultado').innerHTML += aleatorio(min, max) + '<br />';
  }
}

var $calc = document.getElementById('calc'),
    $min = document.getElementById('min'),
    $max = document.getElementById('max');

$calc.addEventListener('click', function(){
  make(6);
});
</script>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

webdev15    3

webdev15
Postado 




<html xmlns="http://www.w3.org/1999/xhtml">



<head>



<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />



<title>Untitled Document</title>



<script>



function gerar_aleat(){


 



//valores base



val1=eval(document.getElementById("min").value);



val2=eval(document.getElementById("max").value);



contador=0;



while(contador<6){



gnr=Math.floor((Math.random() * val2) + val1); 



destino="txt"+contador;



document.getElementById(destino).value=gnr;



contador++;



}



	}


 



</script>



</head>


 



<body>



<input id="min" type="text" />



<input id="max" type="text"/>



<input type="button" value="gerar" id="gerar" onclick="javascript:gerar_aleat()"/>



<p>resultados</p>



<input id="txt0" type="text" />



<input id="txt1" type="text"/>



<input id="txt2" type="text" />



<input id="txt3" type="text"/>



<input id="txt4" type="text" />



<input id="txt5" type="text"/>


 



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