Ajuda em um programa JavaScript

Front-end
, ,
#1

Pessoal preciso de ajuda para fazer o seguinte exercício
• Crie um formulário com nome, sobrenome, idade, quatro checkbox, um textarea e um botão imprimir.
-Utilize a função blurFunction() para pintar o formulário.
–A idade tem que estar entre 5 e 110 anos. Além disso o campo não pode permitir letras. Utilize throw para lançar exceções
– Ao apertar o botão “imprimir” deve-se aparecer o nome, sobrenome os checkbox escolhidos e o texto de opinião em um parágrafo.

Eu só consegui fazer até a parte abaixo. Nem sei se está certo. Alguém pode me ajudar a terminar ?

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<title>JS</title>
</head>
<body>

<fieldset> <legend> Dados </legend>
<form>
     Nome: <input type="text" name="name" id="nome" placeholder="Nome" onblur="blurFunction()"> <br> 
     Sobrenome <input type="text" id="sobrenome" name="sobrenome" placeholder="Sobrenome"><br> 
     Idade<input type="text" id="idade" name="idade" placeholder="Idade"><br> 
</form>

<br>

<form> 
      De que fruta você gosta? <br/> 
      <input type="checkbox" name="uva" value="uva"/>Uva <br /> 
      <input type="checkbox" name="maca" value="maca"/>Maçã <br /> 
      <input type="checkbox" name="melancia" value="melancia"/>Melancia <br />
      <input type="checkbox" name="morango" value="morango"/>Morango 
</form>

<br>

O que você mais gosta de fazer nas horas vagas ? <br>
<textarea maxlength="500" cols="40" rows="6"></textarea>

<br>

<input name="" type="button" value="Imprimir">
</fieldset>

<script type="text/javascript">

function blurFunction(){ 
	document.getElementById("nome").style.background = "Aquamarine"; 
	document.getElementById("sobrenome").style.background = "MediumAquamarine";
	document.getElementById("idade").style.background = "CadetBlue";
	} 

	x= document.getElementById("idade");

	if(x>=5 && x<=110){

		try { 
		if(isNaN(x)) throw "não é um número";
            } catch(err) 
	       { message.innerHTML = "Erro" + err; }
	       }else{
		
	      }

</script>


</body>
</html>
#2

Já que você está fazendo um exercício, não sei qual o seu nível em JavaScript, e não seria nada legal eu te passar todos os códigos prontos para completar seu exercício.

Vou dar as dicas que podem ajudar,

  1. Coloque ID’s em todos os CHECKBOX para recuperar o valores por getElementByID
  2. Você pode colocar todos os campos dentro de apenas um FORM, assim, ficam todos mais relacionados.
  3. dentro da função, crie uma variável para cada INPUT pegando por seus VALUES pelo ID
  4. Estude Expressões Regulares para criar as permissões nos INPUTS, é moleza,
  5. Você pode usar document.write para imprimir os valores dos campos!

Boa sorte

#3

Precisando de ajudar com essas funções de RegExp, permissões de formulários e tal, pode postar aqui no site para gerar conteúdo, porque isso pode ajudar outras pessoas…

Qualquer dúvida, é só ir criando posts novos, eu vou ajudar sempre que puder!

#4

Obrigado !!!