2
respostas

[Dúvida] não funciona responsiveVoice

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 número entre 1 e 10');   
}
function gerarNumeroAleatorio(){
 let numeroEscolhido = parseInt(Math.random() * numeroLimite + 1 );
 let quantidadeDeElementos = listaDeNumerosSorteados.length;
 if (quantidadeDeElementos == numeroLimite){
    listaDeNumerosSorteados = []
 }

 if (listaDeNumerosSorteados.includes(numeroEscolhido)){
    return gerarNumeroAleatorio();
 }else{
    listaDeNumerosSorteados.push(numeroEscolhido)
    console.log(listaDeNumerosSorteados)
    return numeroEscolhido;
 }
}

function verificarChute(){
    let chute = document.querySelector("input").value
    if (chute == numeroSecreto){ 
    exibirTextoNaTela('h1','Acertou!');
    let palavraTentativa = tentativas > 1? "tentativas!":"tentativa!";
    let mensagemTentativas =`Você descobriu o número secreto com ${tentativas} ${palavraTentativa}`;
    exibirTextoNaTela('p', mensagemTentativas);
    document.getElementById('reiniciar').removeAttribute('disabled');
    }else{
    if(chute > numeroSecreto){
      exibirTextoNaTela('p', 'O número secreto é menor que o chute'); 
    }else{
      exibirTextoNaTela('p', 'Número secreto é maior');
    }
    //tentativas = tentativas + 1;
    tentativas++;
    limparCampo();
    }
}
 function limparCampo(){
    let chute = document.querySelector('input');
    chute.value = '';
}
 function reiniciarJogo(){
    numeroSecreto = gerarNumeroAleatorio();
    limparCampo();
    tentativas = 1
    exibirMensagemInicial();
    document.getElementById('reiniciar').setAttribute('disabled', true);

 }

exibirMensagemInicial();
2 respostas

Oi Maria!

Parece que você está com dificuldades para fazer o responsiveVoice funcionar no seu projeto. Vamos verificar alguns pontos que podem estar causando o problema.

  1. Importação do Script: Certifique-se de que o script do responsiveVoice está sendo corretamente importado no seu HTML. Ele deve estar assim:

    <script src="https://code.responsivevoice.org/responsivevoice.js"></script>
    
  2. Permissões de Áudio: Verifique se o navegador está pedindo permissão para usar o áudio. Se não permitir, o responsiveVoice não conseguirá funcionar.

  3. Verificação de Erros no Console: Abra o console do desenvolvedor no seu navegador (F12) e veja se há algum erro relacionado ao responsiveVoice. Pode ser que o script não esteja carregando corretamente ou que haja algum outro erro.

Tem esse tópico sobre um erro que aparecia no ResponsiveVoice, veja se te ajuda de alguma forma: ResponsiveVoice não funciona corretamente - SOLUCIONADO

Espero ter ajudado. Qualquer dúvida manda aqui, se tiver algum erro no console manda aqui também. Bons estudos.

No Mozila Firefox aqui não funcionou. Mas no Google Chrome funcionou de boas!