2
respostas

[Dúvida] Função limparCampo não funciona

let numeroSecreto = gerarNumeroAleatorio(); let tentativas = 1

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 == numeroSecreto) {
    exibirTextoNaTela('h1', 'Acertou.');
    let palavraTentativas = tentativas > 1? 'tentativas!': 'tentativa!';
    let mensagensTentativas = `Você descobriu o número secreto com ${tentativas} ${palavraTentativas}`;
    exibirTextoNaTela('p', mensagensTentativas);
    } else  {
        if (chute < numeroSecreto) {
        exibirTextoNaTela('p', 'O numero secreto é maior' );
    } else {
        exibirTextoNaTela('p', 'O numero secreto é menor');
    }
    tentativas ++;
}

}

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

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

2 respostas

Olá, tudo bem?

Você já criou a função limpar campo, agora tem que "chamar" ela após cada tentativa, para fazer isso você coloca limparCampo() após tentativas++. O código vai ficar assim:

let numeroSecreto = gerarNumeroAleatorio();
let tentativas = 1

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 == numeroSecreto) {
    exibirTextoNaTela('h1', 'Acertou.');
    let palavraTentativas = tentativas > 1? 'tentativas!': 'tentativa!';
    let mensagensTentativas = `Você descobriu o número secreto com ${tentativas} ${palavraTentativas}`;
    exibirTextoNaTela('p', mensagensTentativas);
    } else  {
        if (chute < numeroSecreto) {
        exibirTextoNaTela('p', 'O numero secreto é maior' );
    } else {
        exibirTextoNaTela('p', 'O numero secreto é menor');
    }
    tentativas ++;
    limparCampo();
 }

}

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

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

Espero ter ajudado!

Obrigado, funcionou.