Jogo do número secreto: Utilizando reconhecimento de voz, tente descobrir qual o número secreto entre 0 e 1000! O jogo te dará dicas e uma nova chance a cada chute. (para que funcione, é necessário permitir o uso do microfone do dispositivo, caso contrário, não é possível usar o reconhecimento de voz).
Página criada como estudo de caso para prática de JavaScript do curso "JavaScript: Validações e Reconhecimento de voz" da Alura (link abaixo). Todos os arquivos foram criados do zero mas o principal aqui era praticar o uso do JavaScript e a aplicação da Web Speech API. Toda a estilização foi feita por mim, com excessão do degradê usado como fundo da página. Com o auxílio do ChatGPT, partindo do prompt "Crie um fundo degradê em CSS partindo da cor azul índigo para tons mais claros" obtive a base do degradê que depois ajustei um pouco para ficar de meu agrado.
Lógica: Assim que a página é carregada um número aleatório entre 0 e 1000 é gerado e o reconhecimento de voz já é ativado. O usuário então deve dizer um número como chute. O programa irá verificar se o chute é um dado válido. Sendo válido, se for um acerto, a página muda completamente, comemorando o acerto do usuário. Se não for um acerto, mas for um dado válido, dicas irão aparecer na tela, dizendo se o chute é maior ou menor que o número secreto. No caso de acerto, aparecerá um botão para recomeçar o jogo, se o usuário assim desejar.
Este projeto foi muito legal pois eu nunca pensado em usar reconhecimento de voz em um projeto meu. Foi muito legal usar essa API e não é muito difícil aplicá-la! Estou satisfeito de ter conseguido aplicar um novo conhecimento. Vou manter este projeto como exemplo e consulta para futuros projetos que envolvam soluções parecidas.
📚 Página do curso "JavaScript: Validações e Reconhecimento de voz"
HTML5CSS3JavaScriptWeb Speech APIChatGPT
