Ir ao conteúdo
  • Cadastre-se
Edinaldo Cavalcante

Página html com javascript para exibir n números aleatórios entre 1 e 100

Posts recomendados

Olá a todos do fórum. Estou com dificuldade em resolver um exercício com o seguinte enunciado:

 

"Escreva uma página HTML contendo um formulário e uma função Javascript com argumento, que recebe um valor N passado pelo formulário, calcula N números randomicos inteiros positivos de 1 a 100 e depois exibe o resultado."

 

Segue abaixo a página HTML com javascript que tentei criar para resolver essa questão:

 

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		
		<script>
			function exibeAleatorios (){
				var form = document.getElementById('formulario');
				var numero = document.getElementById('numero');
				
				form.addEventListener('submit', function(e) {
				
					for (i = 1; i <= numero; i++){
						valor = Math.round(Math.random()*100);
						document.write (valor);
					}
				}
			}
			
		</script>
	</head>
	<body>
		<form id="formulario">
			<div>
				<label for="numero">Informe a quantidade de números inteiros aleatórios entre 1 e 100 a serem exibidos:</label>
				<input type="text" id="numero" />
			</div>
			
			<input type="submit" value="Enviar" onclick="exibeAleatorios">
		</form>
	</body>
	
</html>

 

Porém como não sou bom em javascript não consegui exibir os resultados, por esse motivo peço ajuda de vocês para me informar onde esta o erro. Agradeço desde já.

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Edinaldo Cavalcante Olá

Tem diversas formas de resolver isso.

 

http://www.w3schools.com/jsref/met_element_addeventlistener.asp

 

Por exemplo:

var form = document.getElementById('formulario').addEventListener('submit', exibeAleatorios);

function exibeAleatorios(numero){
	var numero = document.getElementById('numero').value;
	for (i = 1; i <= numero; i++){
		var valor = Math.round(Math.random()*100);
		document.write (valor + " ");
	}		    
}

O erro do seu código é porque você adicionou o evento dentro de uma função onde normalmente é o contrário.

Você coloca a função dentro do evento.

 

Por exemplo:

document.getElementById("formulario").addEventListener("submit", function() {
    exibeAleatorios(numero);
});

exibeAleatorios(numero){
   //faz algo aqui
}

Enfim..  Veja o exemplo funcionando: https://jsfiddle.net/8y52okqg/1/

PS: alterei o submit para button porque o jsfiddle não aceita. mas no seu caso podes usar o submit.

PS: Leia mais atentamente o enunciado:

Citação

uma função Javascript com argumento, que recebe um valor N passado

No seu código, você criou a função... mas não passou o argumento. 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado Dif pela sua ajuda! agora o código está funcionando! :D Muito bom esse serviço do jsfiddle: é possível ver o código funcionando on line sem necessitar baixar o arquivo, isso é muito útil, eu não conhecia esse serviço.

Compartilhar este post


Link para o post
Compartilhar em outros sites
Este tópico está parado há muito tempo. Certifique-se que a sua mensagem tem a ver com o tema sendo discutido. Obrigado.

Junte-se à conversa

Você pode postar agora e cadastrar-se depois. Se você tem uma conta, faça o login para postar.

Visitante
Responder

×   Você colou conteúdo com formatação.   Restore formatting

  Só é possível ter até 75 emoticons.

×   O link foi automaticamente convertido para mostrar o conteúdo.   Clique aqui para mostrá-lo como link comum

×   Seu texto anterior foi restaurado.   Limpar o editor

×   You cannot paste images directly. Upload or insert images from URL.






Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

GRÁTIS: minicurso “Como ganhar dinheiro montando computadores”

Gabriel TorresGabriel Torres, fundador e editor executivo do Clube do Hardware, acaba de lançar um minicurso totalmente gratuito: "Como ganhar dinheiro montando computadores".

Você aprenderá sobre o quanto pode ganhar, como cobrar, como lidar com a concorrência, como se tornar um profissional altamente qualificado e muito mais!

Inscreva-se agora!