Entrar Ainda não tem acesso?
3
respostas

Onde está o erro?

Referente ao curso Lógica de programação: explore funções e listas

por Luis Carlos Da Silva Pinto
| 48.1k xp | 8 posts

let numeroScreto = gerarNumeroAleatorio()

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

exibirTextoNatela('h1', 'Jogo do número secreto'); exibirTextoNatela('p', 'Escolha um número entre 1 e 10');

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

if (chute == numeroScreto) {
    exibirTextoNatela('h1', 'Acertou!');
    exibirTextoNatela ('p', 'Você descobriu o número secreto!');
} else {
    if(chute > numeroScreto) {
        exibirTextoNatela('p', 'o número secreto é menor');
    } else {
        exibirTextoNatela('p', 'o número secreto é maior');
    }
}

}

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

Olá onde esta o erro? pois no projeto não aparece as frases "você acertou ou você descobriu o número secreto , só fica no logo do jogo Jogo do número secreto

3 respostas
por Luis Carlos Da Silva Pinto
| 48.1k xp | 8 posts

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

por Marco Antônio Felipe de Lima Garcia
| 175.5k xp | 7 posts

O problema no seu código parece estar relacionado ao escopo da função gerarNumeroAleatorio(). Você está chamando essa função antes de defini-la. Para corrigir isso, você pode reorganizar o código da seguinte maneira:

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

let numeroScreto = gerarNumeroAleatorio();

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

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

function verificarChute() {
    let chute = document.querySelector('input').value;
    if (chute == numeroScreto) {
        exibirTextoNaTela('h1', 'Acertou!');
        exibirTextoNaTela('p', 'Você descobriu o número secreto!');
    } else {
        if (chute > numeroScreto) {
            exibirTextoNaTela('p', 'O número secreto é menor');
        } else {
            exibirTextoNaTela('p', 'O número secreto é maior');
        }
    }
}

Nesse código, a função gerarNumeroAleatorio() é definida antes de ser chamada, o que deve resolver o problema e permitir que as mensagens corretas sejam exibidas. Certifique-se também de que o HTML associado a esse código esteja correto e que a função verificarChute() seja chamada quando necessário.

por Luis Carlos Da Silva Pinto
| 48.1k xp | 8 posts
<div class="container">
    <div class="container__conteudo">
        <div class="container__informacoes">
            <div class="container__texto">
                <h1>Adivinhe o <span class="container__texto-azul">numero secreto</span></h1>
                <p class="texto__paragrafo">Escolha um número entre 1 a 10</p>
            </div>
            <input type="number" min="1" max="10" class="container__input">
            <div class="chute container__botoes">
                <button onclick="" class="container__botao">Chutar</button>
                <button onclick="" 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>

Já mudei p codigo ainda esta com mesmo erro citado , o html é esse tem algum erro?