Caso ainda não tenha assistido à aula 7, clique aqui para acessar
Seja bem-vindo e bem-vinda à oitava aula da #QuarentenaDev! Já aprendemos muita coisa não é? Como fazer uma ação se repetir utilizando laços de repetição.
Compartilhe seus experimentos no nosso espaço de discussão no discord. Use o codepen, marque a @aluraonline no instagram, twitter e muito mais!
O Paulo pediu para trocar a cor ou colocar uma imagem caso o usuario acerte ou erre o número, na aula7 tinha uma dica de como fazer.
Utilizamos style que se refere ao css e backgroundColor que a propriedade de cor de fundo, ai bastava dizer a cor nesse caso "yellow"
paragrafoResultado.innerHTML='Número inválido, tente novamente.';
paragrafoResultado.style.backgroundColor = "yellow";
Para exibir uma imagem precisavamos indicar a tag backgroundImage = "url("link da imagem")"
paragrafoResultado.style.backgroundImage="url('link da imagem')"
no código da aula fazemos a comparação logo no começo
numerocerto=chute==aleatorio
O que vamos fazer é colocar essa comparação depois de ter certeza que o número está entre 1 e 10.
E para fazer essa comparação vamos usar o if
, operador lógico ou que em javascript é || e simbolos que indicam : > maior que e < menor que
if( chute < 0 || chute > 10 ){ pedir um novo número}
Estamos dizendo que caso chute for menor que zero ou maior que 10 vamos pedir um numero novo só depois dessa verificação fazemos a comparação do número digitado com o gerado pelo aleatorio
chute=prompt('Seu numero da sorte(1-10)')
if( chute < 0 || chute > 10 ){ pedir um numero novo}
numerocerto= chute==aleatorio
Agora dentro do if pedimos o número novamente
if(chute < 0 || chute > 10){
alert(numero entre 0 e 10! Tenta denovo.')
chute=prompt('Seu numero da sorte(1-10)')
Na aula a solução é um pouco diferente, mas tudo bem :)
Quantas olimpiadas tivemos até hoje?
Sim o art disse 10 milhões, mas calma lá, vamos exibir todos os números de 1 até 500 tudo bem?
Usando o while consegue exibir os números pares de até de 0 até 100? Pode ser usando document.write, alert você escolhe.
Consegue descobrir uma outra fórmula de aleatoriedade que seja mais "justa" que a que usamos no exercício?
codepen base para botão de like
O que é uma biblioteca de código
Outro tipo de validação com JavaScript