Jogo de rock, papel e tesoura usando JavaScript

Rock, Paper e Scissor é um jogo bem conhecido em todo o mundo que quase todo mundo jogou na infância. Para as pessoas normais, é uma boa memória de infância, mas para programadores, é uma boa prática de codificação. Os programadores iniciantes devem sempre procurar problemas interessantes e fáceis de implementar. E este é um deles. Este artigo demonstrará a implementação do jogo RPS com JavaScript.

Etapa 1: Configurar a página da web html

Comece criando uma nova página da Web HTML e nessa página da web, faça as seguintes coisas:

• Cumprimente o usuário ou desafiá -los
• Inclua um botão Iniciar que inicie o jogo

Para fazer isso, use as seguintes linhas dentro do documento HTML:

Vamos jogar uma tesoura de papel de rock

Tipo 0 para rock, 1 para papel, 2 para tesoura




Começar

Nas linhas acima, o usuário também está sendo notificado de que o 0 significa rock, 1 significa papel e 2 significa tesoura. Essas também são as regras que serão implementadas para determinar o vencedor. Além disso, o botão tem uma propriedade onclick definida para o Começar o jogo() Método, que iniciará o jogo assim que o usuário clicar.

Carregue o HTML nos navegadores e exibirá a seguinte página da web:

Tudo é colocado o = no centro da página da web graças ao marcação

Etapa 2: Código JavaScript para a funcionalidade do jogo

Comece criando a função Começar o jogo() que será chamado em cada botão pressionar:

função startgame ()
// O próximo código entra aqui

Depois disso, gerar o movimento do computador, lembre -se de que existem apenas 3 opções diferentes, 0,1 e 2. 0 significa Rock, 1 Stand para papel e 2 significa Scissors:

cm = matemática.piso (matemática.aleatoriamente () * 3);

Isso fornece um valor aleatório de 0 a 2 e o armazena dentro da variável cm Permanecendo para a mudança do computador.

Depois disso, use um prompt para dizer ao usuário para inserir sua escolha, armazenar essa escolha em uma variável e depois convertê -la em int usando o parseint () método e armazenar o valor final na variável “PM":

input = prompt ("Digite sua escolha!");
pm = parseint (entrada);

Depois disso, escreva as regras para decidir o vencedor do jogo usando as seguintes regras:

• Rock Beats Scissor
• A tesoura bate em papel
• O papel bate em rock
• Mesmo sinal => tie

Essas regras são implementadas com declarações simples if-else com as seguintes linhas:

if (cm == 0 && pm == 1)
alerta ("você bate em computador com papel contra rock");
elseif ((cm = 0 && pm == 2))
alerta ("Computer bate você com rock");
elseif ((cm = 1 && pm == 0))
alerta ("Computer bate você com papel");
elseif ((cm = 1 && pm == 2))
alerta ("Você bate no computador com tesoura contra o papel");
elseif ((cm = 2 && pm == 0))
alerta ("você bate em computador com rock contra a tesoura");
elseif ((cm = 2 && pm == 1))
alerta ("Computer bate você com tesoura");
outro
alerta ("é um empate");

Depois disso, simplesmente feche o suporte final do Começar o jogo() e a parte JavaScript está feita.

O trecho JavaScript completo é o seguinte:

função startgame ()
cm = matemática.piso (matemática.aleatoriamente () * 3);
input = prompt ("Digite sua escolha!");
pm = parseint (entrada);
if (cm == 0 && pm == 1)
alerta ("você bate em computador com papel contra rock");
elseif ((cm = 0 && pm == 2))
alerta ("Computer bate você com rock");
elseif ((cm = 1 && pm == 0))
alerta ("Computer bate você com papel");
elseif ((cm = 1 && pm == 2))
alerta ("Você bate no computador com tesoura contra o papel");
elseif ((cm = 2 && pm == 0))
alerta ("você bate em computador com rock contra a tesoura");
elseif ((cm = 2 && pm == 1))
alerta ("Computer bate você com tesoura");
outro
alerta ("é um empate");

Etapa 3: jogando o jogo

Inicie o documento HTML e clique em começar botão e comece a jogar o jogo como:

Com isso, a rocha, o papel e a tesoura estão funcionando totalmente, APROVEITAR!

Embrulhar

Rock, Paper e Scissor não são apenas um jogo de infância para muitos, mas também um ótimo exercício de programação para novos programadores. Tais exercícios não são apenas divertidos de implementar, mas também aprimoram a habilidade de um programador de novato. Neste artigo, um jogo completo de rocha, papel e tesoura foi implementado, e cada passo foi explicado um a um.