2
respostas

[Projeto] Queria ajuda, quando eu entro no site não aparece a caixinha

let listaDeNumerosSorteados =[]
let NumeroLimite = 10;
let numeroSecreto = gerarNumero();
let tentativas = 1;

function exibirTexto(tag, texto) {
    let campo = document.querySelector(tag);
    campo.innerHTML = texto;
        responsiveVoice.speak(texto, 'Brazilian Portuguese Female', {rate:1.2});
    }


function exibirMensagemInicial() { 
    exibirTexto('h1', 'Jogo do número secreto'); 
    exibirTexto('p', `Escolha um número entre 1 e ${NumeroLimite}`); 
}


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

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

    

}

function gerarNumero() {
  let numeroEscolhido =  parseInt(Math.random() * NumeroLimite + 1);
  let quantidaDeElementos = listaDeNumerosSorteados.length;
  if (quantidaDeElementos == NumeroLimite) {
    listaDeNumerosSorteados = [];
  }
  
  
    if(listaDeNumerosSorteados.includes(numeroEscolhido)){
      return gerarNumero();
    }else{
      listaDeNumerosSorteados.push(numeroEscolhido);
      console.log(listaDeNumerosSorteados);
      return numeroEscolhido;

    }
  }


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

  function reiniciarJogo() {
      numeroSecreto = gerarNumero();
      limparcampo();
      tentativas = 1;
      exibirMensagemInicial()
      document.getElementById('reiniciar').setAttribute('disabled', 'true');
  }
2 respostas

Oi, Murilo! Como vai?

Com o que você descreveu, percebi que sua lógica para gerar e validar o número secreto está bem estruturada, incluindo o uso de responsiveVoice.speak para dar retorno por voz. Isso mostra que você está integrando bem funcionalidades diferentes no projeto.

Uma dica interessante para o futuro é verificar se o elemento HTML realmente existe antes de acessá-lo, evitando erros no carregamento. Veja este exemplo:


let elemento = document.querySelector('#meuInput');
if (elemento) {
    console.log('Elemento encontrado');
}

Sem acentuação: Este codigo verifica se o elemento existe antes de tentar usar, prevenindo erros no console.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!

Gostei da dica do Armando.