Início Profile Projeto
Avatar de

Nayra Braga Barbosa

Número Secreto

  • HTML
  • CSS
  • JavaScript

Número Secreto

Este projeto tem como objetivo utilizar o reconhecimento de voz com JavaScript, usando a "Web Speech API" e a funcionalidade 'SpeechRecognition', que é capaz de reconhecer a fala do usuário. O número secreto será sorteado utilizando o método 'Math.random()', que gera um número pseudoaleatório.

🪧 Vitrine.Dev
Nome Número Secreto
🏷️ Tecnologias HTML, CSS e JavaScript
🚀 URL https://numero-secreto-nayrabra.vercel.app/
💻 Responsividade Celular, Tablet e Desktop

Versão Mobile:

numero-secreto-mobile numero-secreto-mobile numero-secreto-mobile

Entendendo o Funcionamento

Ao aceitar o uso do microfone, o usuário informa o número que deseja "chutar" como palpite para o número secreto. Dependendo do caso, se o número for maior ou menor que o "chute", uma mensagem informando "O número secreto é menor/maior" será exibida na tela. Quando a pessoa acertar, aparecerá uma mensagem de acerto! Caso seja fornecido um número inválido, que não esteja dentro do intervalo de números permitidos para jogar, ou caso não seja mencionado nenhum número, uma mensagem de erro será exibida. Se a pessoa quiser continuar o jogo, basta clicar no botão "Jogar novamente" para recarregar e reiniciar o jogo. Se desejar parar de jogar sem fechar a página, basta dizer "Game over" para exibir a tela de fim de jogo, sendo possível também clicar no botão para jogar novamente.

Feito por:

Nayra Braga Barbosa

Linkedin: https://www.linkedin.com/in/nayra-barbosa/

Página desenvolvida como resultado de um curso na Alura.