Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Botão aparece, porem fica inclicavel para executar a ação

o Botão fica azul porem não consigo clicar nele para reiniciar o game, já tentei olhar os codgos que eles fizeream e não conseguiu descobrir o erro.

let NumeroSecreto = GerarNumeroAleatorio ();
console.log (NumeroSecreto)
let Tentativas = 1


function ExibirTextoNaTela (tag, Text) {
   let Campo = document.querySelector (tag)
   Campo.innerHTML = Text ; 
}


ExibirTextoNaTela ("h1", "Jogo do Numero Secreto") ;
ExibirTextoNaTela ("p", "Escolha um numero de 1 a 10") ;



function verificarChute () {
   let Chute = document.querySelector("input").value ;
    if (Chute==NumeroSecreto){
       ExibirTextoNaTela ("h1", "Acertou") ;
       let PalavraTentativas = Tentativas > 1 ? "Tentativas" : "Tentativa" ;
       let MensagemTentativas = `voce descobriu o numero secreto ${NumeroSecreto} com ${Tentativas} ${PalavraTentativas} ` ;
       ExibirTextoNaTela ("p", MensagemTentativas) ;
       document.getElementById ("reiniciar").removeAttribute ("disabled");
   } else {
        if  (Chute>NumeroSecreto){
         ExibirTextoNaTela ("p", `O Numero secreto e menor que ${Chute}`) ;
        } else {
         ExibirTextoNaTela ("P",`O numero secreto é maior que ${Chute}`) ;
        }
      Tentativas++ ;
      LimpaCampo ();

   }
}

function GerarNumeroAleatorio (){
   return parseInt(Math.random() * 10 + 1) ;
   
}
function LimpaCampo (){
   Chute = document.querySelector ("input") ;
   Chute.value = "" ; 
}
function reiniciarJogo (){
  NumeroSecreto = GerarNumeroAleatorio ();
  LimpaCampo ();
  Tentativas = 1 ; 
}
2 respostas

Olá, Rodolfo.

Tudo bem?

Eu testei esse seu código JavaScript com o HTML da aula, e funcionou! O botão funcionou e reiniciou o game. Ele ficou azul após eu acertar o número secreto, porém depois disso ele fica azul para sempre, pois você vai ter que desabilitar ele na função reiniciarJogo() para ele ficar cinza de novo. Faça um teste para ver ele funcionando, primeiro coloca um console.log("FUNCIOOONOOU!") na função reiniciarJogo(), tenta clicar no botão "Novo jogo" após acertar o número secreto, veja se aparece a mensagem "FUNCIOOONOOU!" no console do navegador, para ter certeza que o botão está funcionando.

Se não funcionar, verifica o HTML pode ser que a função está escritada errada no "onclick" do <button>, seria algo como:

<button onclick="reiniciarJogo()" id="reiniciar" class="container__botao" disabled>Novo jogo</

Como eu disse o seu código JavaScript funcionou.

Espero ter ajudado. Qualquer dúvida manda aqui. Valeu.

solução!

Consegui resolver estava tudo certo, porém eu achei que se salvasse uma pasta como Java script ele salvaria as outras, depois que salveia pasta HTML ele funcionou perfeitamente.