Índice:
- Etapa 1: Abra o espaço de trabalho
- Etapa 2: Design da interface do usuário
- Etapa 3: Criar funções de clique
- Etapa 4: Função GetWinner
- Etapa 5: Chamar a função GetWinner
- Etapa 6: Obtenha a escolha da CPU
- Etapa 7: Escreva RandomPick
- Etapa 8: determinar o vencedor
- Etapa 9: Registre os resultados
- Etapa 10: Concluir
2025 Autor: John Day | [email protected]. Última modificação: 2025-01-13 06:58
Objetivo: Depois de concluir isso, você aprenderá a fazer um jogo simples de Pedra, Tesoura de Papel do zero usando Code.org.
Materiais / requisitos necessários: Noções básicas de sintaxe Javascript, um computador, uma conta Code.org.
Etapa 1: Abra o espaço de trabalho
1. Comece abrindo code.org, clique em criar um projeto e clique em app lab
Etapa 2: Design da interface do usuário
2. Clique na guia de design no canto superior esquerdo do ambiente de codificação e arraste três botões (Pedra, Papel, Tesoura). Rotule-os e altere seus IDs de acordo. Além disso, na guia de design, arraste os rótulos para: escolha da CPU, escolha do jogador e um indicador de vitória ou perda. Identifique-os de acordo, o resultado final deve ser semelhante à imagem acima.
Etapa 3: Criar funções de clique
Crie funções de evento que são executadas quando cada um dos botões é clicado. Para fazer isso, clique no botão desejado na guia de design e, a seguir, clique em inserir código na guia de eventos na área de trabalho de design.
Etapa 4: Função GetWinner
Escreva uma função chamada getWinner com o parâmetro “playersChoice”.
Etapa 5: Chamar a função GetWinner
Em cada função Click Event, chame a função getWinner, enviando uma string com o nome do item correspondente à função.
Etapa 6: Obtenha a escolha da CPU
Na função getWinner, inicialize uma variável “cpuChoice e envie um número aleatório de 0 a 2 para uma nova função randomPick. Crie a função randomPick com um parâmetro int.
Etapa 7: Escreva RandomPick
Na função randomPick, retorne um item diferente para cada número aleatório de 0 a 2. Ex. se x = 0 retorna “Rocha”. Defina o texto de um rótulo para “CPU escolhe” && item
Etapa 8: determinar o vencedor
De volta à função getWinner, compare playerChoice com cpuChoice usando instruções if else para determinar o vencedor. Inicializa um Booleano que é definido como verdadeiro se o Player for determinado o vencedor e permanece falso caso contrário. Cuidado: Verifique se há um empate primeiro.
Etapa 9: Registre os resultados
No final da função getWinner, defina uma variável global para a contagem de vitória da CPU e contagem de vitória do jogador e ajuste cada variável de acordo. Ajuste o rótulo correspondente no final da função getWinner (uma vez que o vencedor foi determinado). Altere o rótulo principal para “Você venceu” ou “Você perde” aqui também
Etapa 10: Concluir
Neste ponto, seu programa deve estar concluído, clique em executar e jogue o jogo para garantir que ele funcione corretamente.