Coloquei o codigo do responsiveVoice e na hora de testar cliquei em Allow e ela fala a frase do 'h1' (Jogo do numero Secreto) e não como na aula que eles mostram a frase do 'p' (Escolha um numero de 1 a 10). Segue codigo abaixo se alguem puder ajudar.
let listaDeNumerosSorteados = []; let numeroLimite = 10; let numeroSecreto = gerarNumeroAleatorio(); let tentativas = 1;
function exibirTextoNaTela(tag, texto) { let campo = document.querySelector(tag); campo.innerHTML = texto; responsiveVoice.speak(texto, 'Brazilian Portuguese Female', {rate:1.2}); } function exibirMensagemInicial(){ exibirTextoNaTela('h1', 'Jogo do Numero Secreto'); exibirTextoNaTela('p', 'Escolha um numero entre 1 e 10'); } exibirMensagemInicial();
function verificarChute() { let chute = document.querySelector('input').value;
if (chute == numeroSecreto) {
exibirTextoNaTela('h1', 'Acertou');
let palavraTentativa = tentativas > 1 ? 'tentativas' : 'tentativa';
let mensagemTentativas = Voce descobriu o numero secreto com ${tentativas} ${palavraTentativa};
exibirTextoNaTela('p', mensagemTentativas);
document.getElementById('reiniciar').removeAttribute('disabled');
} else {
if (chute > numeroSecreto) {
exibirTextoNaTela('p', 'O Numero secreto e menor');
} else {
exibirTextoNaTela('p', 'O Numero secreto e maior')
}
tentativas++;
limparCampo();
}
}
function gerarNumeroAleatorio() { let numeroEscolhido = parseInt(Math.random() * numeroLimite + 1); let quantidadeDeElemantosNaLista = listaDeNumerosSorteados.length;
if (quantidadeDeElemantosNaLista == numeroLimite) { listaDeNumerosSorteados = []; }
if (listaDeNumerosSorteados.includes(numeroEscolhido)) { return gerarNumeroAleatorio(); } else { listaDeNumerosSorteados.push(numeroEscolhido); console.log(listaDeNumerosSorteados); return numeroEscolhido; } } function limparCampo() { let chute = document.querySelector('input'); chute.value = ''; } function reiniciarJogo() { numeroSecreto = gerarNumeroAleatorio(); limparCampo(); tentativas = 1; exibirMensagemInicial(); document.getElementById('reiniciar').setAttribute('disabled', true) document.querySelector('button').removeAttribute('disabled'); }
