1
resposta

[Projeto] Jogo Adivinha diferente

Referente ao curso JavaScript e HTML: desenvolva um jogo e pratique lógica de programação, no capítulo Trabalhe com muitos dados e atividade Consolidando seu conhecimento

por Antonio Sergio de Souza Muniz
| 149.5k xp | 19 posts

Pessoal, montei o código do jogo adivinha com algumas alterações, e gostaria de incluir um número máximo de tentativas, alguém tem alguma sugestão, abraço a todos, segue o código.

<meta charset="UTF-8" />
      <title>JOGO ADIVINHA</title>
    </head>
    <body>
      <h1>Descubra o número!</h1>
      <p>Eu vou pensar em um número de 1 a 10, você pode adivinhar qual é ele?</p>

   <form>
    <label for="chute">Meu chute</label>
    <input type="numero" id="palpite">
    <input type="submit" id="entrePalpite" value="Compare com segredo">
   </form>

    <script>
    const randomNumber = Math.floor(Math.random() * 10) + 1
    console.log('Random Number', randomNumber)

    function comparePalpite() {
      let meuPalpite = palpite.value
      if (meuPalpite == randomNumber) {
        alert("Você acertou!!!!")
      } else if (meuPalpite > randomNumber) {
        alert("Seu palpite foi " + meuPalpite + ". muito alto. Tente novamente!")
      } else if (meuPalpite < randomNumber) {
       alert("Seu palpite foi " + meuPalpite + ". muito baixo. Tente novamente!")
     }
   }
        entrePalpite.addEventListener('click', comparePalpite)

 </script>


    </body>
  </html>
1 resposta
por Wellington Beraldo
| 188.2k xp | 413 posts

Antonio, dê uma olhada na aula 7, expecificamente a 7.6 que lá o professor ensina a simular uma tela de login com um critério de 3 tentativas de login. Dá para pegar como exemplo e adaptar para esse seu código.

Segue exemplo:

<meta charset="UTF-8">
<script>

    var loginCadastrado = "alura";
    var senhaCadastrada = "alura321";

    var loginInformado = prompt("Informe seu login");
    var senhaInformada = prompt("Informe sua senha");

    if( loginCadastrado == loginInformado && senhaCadastrada == senhaInformada ) {

        alert("Bem-vindo ao sistema " + loginInformado);
    } else {

        alert("Login inválido. Tente novamente");
    }
</script>