Falta pouco!

0 dias

0 horas

0 min

0 seg

2
respostas

[Projeto] Jogo do número secreto - Veja as mudanças no Código

Olá pessoal!

Vai abaixo mudanças que fiz no código que resolveu alguns conflitos na forma de pronunciar frases pelo responsiveVoice , nas palavras tentativa e tentativas que foi resolvido com um simples caractere sobrescrito 1** ª ** tentativa!, 2ª tentativa!. Também essa linha pode ser excluída let mensagemTentativas = Você descobriu o número secreto na ${tentativas}ª tentativa!; diminuindo o código sem a necessidade de operador ternário.

Além dessas mudanças coloquei som nos botões chute com som de chute e som para os eventos de acertos e erros inclusive em homenagem ao nosso amigo das tardes de domingo consegui encontrar um arquivo de som com a voz do Faustão "Acertou", com tempo vou colocar o Git para vocês.

O jogo do Amigo Secreto também está com som nos botões adicionar e sortear.

function exibirTextoNaTela(tag, texto) {
let campo = document.querySelector(tag);
campo.innerHTML = texto;//Mudei a fonte no CSS
//Acertou!
//Antes era 1 um tentativa, 2 dois tentativas.
//Você descobriu o número secreto na 1ª tentativa! - Agora sim a pronuncia sai igual ao texto
//Você descobriu o número secreto na 2ª tentativa!- Agora sim a pronuncia sai igual ao texto
responsiveVoice.speak(texto, 'Brazilian Portuguese Female', {rate:1.2});
}

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

if (resultadoChute == true) {
if (chute == numeroSecreto) {
//exibirTextoNaTela('h2', <span style='color: green;'>Acertou</span>);
tocarSomDeEventos('acertou-faustão.mp3');// Toca o som p/ acertos
exibirTextoNaTela('h1', 'Acertou!');//Mudei a fonte no CSS

        //let palavraTentativa = tentativas > 1 ? 'tentativas' : 'tentativa';
        //Essa linha foi um avanço na econômia de códio substituindo a linha acima e suas variáveis. 
        //O que mudou tudo foi ${tentativas}ª
        //e a frase é pronunciada de forma correta. Antes era 1 um tentativa, 2 dois tentativas. Agora se resolveu esse problema.
        let mensagemTentativas = `Você descobriu o número secreto na ${tentativas}ª tentativa!`;
        exibirTextoNaTela('p', mensagemTentativas);
        document.getElementById('reiniciar').removeAttribute('disabled');
    } else {
        if (chute > numeroSecreto) {
            exibirTextoNaTela('p', 'O número secreto é menor');
            tocarSomDeEventos('goofy-chute.mp3');// Toca o som p/ erros
        } else {
            exibirTextoNaTela('p', 'O número secreto é maior');
            tocarSomDeEventos('goofy-chute.mp3');// Toca o som p/ erros
        }
        tentativas++;
        limparCampo();//Para limpar o campo número
    }
}

}

2 respostas

Oi, Fábio! Como vai?

Agradeço por compartilhar seu código com a comunidade Alura.

Gostei bastante da forma como você resolveu a pronúncia correta de tentativa e tentativas, além de simplificar o código retirando o operador ternário. A parte dos sons deixou o projeto mais divertido e interativo.

Uma dica interessante para o futuro é usar o método toFixed() para limitar casas decimais em números. Veja este exemplo:


let numero = 3.14159;

console.log(numero.toFixed(2));

Esse código retorna 3.14, útil quando você quer controlar a exibição de números.

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

Obrigado pelas vistas no código e pela orientação a ser seguida.