/jogo_adivinha

Lógica de programação com JavaScript e HTML

Primary LanguageHTML

Jogo Adivinha

Tecnologias

  • HTML
  • JavaScript

O que aprendi

  • O básico de html que deve ser inserido em uma página é a tag meta com o atributo charset="UTF-8" para que os navegadores saibam como devem renderizar os textos incluídos em uma página;
  • O JavaScript, dentro do html, deve estar sempre entre a tag de abertura e de fechamento "script";
  • As funções devem ser definidas antes das variáveis;
  • O document.write é uma função do javascript que escreve no html da página;
  • As funções tornam o código mais limpo e fácil de ser lido;
  • Ao contrário das outras funções "pula linha" não utiliza parâmetros;
  • Deve-se utilizar a declaração return na função para o valor apareça normalmente na página;
  • As variáveis receberão as informações do usuário por meio da função "prompt". Assim, o programa é mais útil, porque consegue interagir com o usuário.
  • A condição if() terá um bloco a ser executado conforme o resultado passado seja verdadeiro ou falso;
  • A função chamada parseInt() analisa a string e retorna um número inteiro e sem decimais (ao contrário de parseFloat);
  • O retorno da função sorteia serve quando alguém tiver que gerar um número aleatório;
  • A função Math.random serve para gerar um número aleatório entre 0 e 1;
  • O método Math.round tem como objetivo arredondar números com casas decimais para o seu valor inteiro mais próximo;
  • Além de dizer que o usuário errou, o jogo diz se o chute dele era maior ou menor do que o número pensado;
  • Dentro do else a condição é disparada apenas quando o "chute" está errado e após isso é preciso fazer outro if;
  • O campo de texto ganha foco em razão do input.focus(), que busca o input do mundo HTML para o JavaScript;
  • A função verifica() recebe o valor digitado pelo usuário no input e o compara com o segredo. Se correto, é exibido o alerta "Você acertou", caso contrário, surge um alerta com a mensagem "Você errou!";
  • A função é executada somente ao clicar no botão, pela variável button, que busca esta funcionalidade do mundo HTML, e é associada ao clique, por meio de onclick;
  • O duplo sinal de igual (==) representa igualdade, diferente de quando é utilizado sozinho, que lemos como "recebe";
  • Array é quando os valores de uma variável estão entre colchetes ([]);
  • No JavaScript - e em algumas outras linguagens de programação -, a primeira posição é representada pelo número 0;
  • No for(), declararemos uma variável chamada posicao, que inicialmente recebe o valor 0. A condição para repetição é que a posicao seja menor do que 4 e que, enquanto não atingir este limite, continue a se repetir. Por fim, a variável será incrementada, portanto utilizaremos posicao++;
  • O comando break é usado em laços de repetição while, do/while, for e com os comandos switch/case. Quando usado em laço de repetição, causa uma interrupção imediata do mesmo, continuando a execução do programa na próxima linha após o laço;
  • Para não termos que alterar nosso for() todas as vezes que quisermos adicionar um novo elemento, poderemos utilizar o .length para termos sempre o array atual no for();
  • O alert() indica ao usuário que ele acertou ou errou o número;
  • A variável chamada "achou" recebe false para exibir o alerta "Você ERROU!" somente quando o usuário não conseguir acertar nenhum dos números em nosso array;
  • Quando o número digitado corresponder a um dos elementos do array, declararemos achou = true;
  • Todo array possui a função push que permite adicionar elementos na lista;
  • Para não utilizar o push() uma série de vezes, o processo de sorteio é automatizado. Para isso, cria-se uma função chamada sorteiaNumeros(), que devolve uma lista de segredos e recebe como parâmetro a quantidade de segredos que quer gerar;
  • A função sorteiaNumeros() deve ser capaz de fornecer uma lista com números aleatórios que não se repetem. Para criá-la, teremos que declarar a function, que receberá como parâmetro "quantidade";
  • numero é uma variável que nos ajudará a contabilizar quantos itens já foram sorteados;
  • O número que passarmos como parâmetro em sorteiaNumeros() é o total de itens aleatórios que não se repetem. Nesse caso, quantidade valerá 5:
  • O último número será incrementado, mas não poderá dar continuidade ao while(), com isso partimos para a execução da última instrução, que é return segredos;
  • O segredos que está na var segredos recebe o valor do segredos que está em return;
  • Usamos o push() somente se o segredo não for encontrado dentre os elementos da lista criada. Sendo assim, declararemos que, se o "achou" for igual a "false", chamamos o segredos.push();

Contact

milenadecarvalho2000@gmail.com