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

[Bug] Botão iniciar jogo não funciona.

Bom dia, estou tento ploblemas com o botão reiniciar jogo, ja assistia aula duas vezes para ver se o codigo estava errado mas con consegui achar na onde errei o codigo para habilitar o botão reiniciar jogo.

let numeroSecreto = gerarNumeroAleatorio(); let tentativas = 1;

function exibirTextoNaTela(tag, texto) { let campo = document.querySelector(tag); campo.innerHTML = texto; }

function exibirMensagenInicial() { exibirTextoNaTela('h1', 'Jogo do número secreto'); exibirTextoNaTela('p', 'Escolha um numero entre 1 e 10'); }

exibirMensagenInicial();

function verificarChute() { let chute = document.querySelector('input').value;

if (chute == numeroSecreto) {
    exibirTextoNaTela('h1', 'Acertou!');
    let palavraTentativa = tentativas > 1 ? 'tentativas' : 'tentaiva';
    let mensagemTentativas = `Você descobriu o número secreto com ${tentativas} ${palavraTentativa}!`;
    exibirTextoNaTela('p', mensagemTentativas);
    ducument.getElementById('reiniciar').removeAttribute('disabled');
} else {
    if (chute > numeroSecreto) {
        exibirTextoNaTela('p', 'O número secreto é menor');
    } else {
        exibirTextoNaTela('p', 'O número secreto é maior');
        tentativas++;
        limparCampo();
    } 
}

}

function gerarNumeroAleatorio() { return parseInt(Math.random() * 10 +1); }

function limparCampo() { chute = document.querySelector('input'); chute.value = ''; }

function reiniciarJogo() { numeroSecreto = gerarNumeroAleatorio(); limparCampo(); tentativas = 1; exibirMensagenInicial(); document.getElementById('reiniciar').setAttribute('disabled',true); }

HTML

<div class="container">
    <div class="container__conteudo">
        <div class="container__informacoes">
            <div class="container__texto">
                <h1></h1>
                <p class="texto__paragrafo"></p>
            </div>
            <input type="number" min="1" max="10" class="container__input">
            <div class="chute container__botoes">
                <button onclick="verificarChute()" class="container__botao">Chutar</button>
                <button onclick="reiniciarJogo()" id="reiniciar" class="container__botao" disabled>Novo jogo</button>
            </div>
        </div>
        <img src="./img/ia.png" alt="Uma pessoa olhando para a esquerda" class="container__imagem-pessoa" />
    </div>
</div>




<script src="app.js" defer></script>
2 respostas
solução!

Boa noite William! Notei no seu código sobre o botão de reinicar, na função verificarChute(), no seu primeiro if você escreveu document de forma errada

ducument.getElementById('reiniciar').removeAttribute('disabled');

o Correto seria

document.getElementById('reiniciar').removeAttribute('disabled');

Espero ter ajudado! Bons estudos!

Obrigado pela ajuda, depois de corrigir o erro deu certo