Taula de continguts:

Tisores de paper de roca: 10 passos
Tisores de paper de roca: 10 passos

Vídeo: Tisores de paper de roca: 10 passos

Vídeo: Tisores de paper de roca: 10 passos
Vídeo: Беслан. Помни / Beslan. Remember (english & español subs) 2024, De novembre
Anonim
Pedra paper tisores
Pedra paper tisores

Finalitat: Després de completar-ho, aprendreu a fer un joc senzill de Rock, Paper Scissors des de zero mitjançant Code.org.

Materials / Requisits necessaris: comprensió bàsica de la sintaxi de Javascript, un ordinador i un compte de Code.org.

Pas 1: obriu l’espai de treball

Obriu l’espai de treball
Obriu l’espai de treball

1. Comenceu obrint code.org, feu clic a crear un projecte i feu clic a app lab

Pas 2: dissenyar la interfície d'usuari

Dissenyar interfície d'usuari
Dissenyar interfície d'usuari

2. Feu clic a la pestanya de disseny a l'extrem superior esquerre de l'entorn de codificació i arrossegueu tres botons (Roca, Paper, Tisores). Etiqueu-los i canvieu els seus identificadors en conseqüència. També a la pestanya de disseny, arrossegueu les etiquetes per a: CPU choice, Player Choice i un indicador Win or Perd. Identifiqueu-los en conseqüència, el resultat final hauria de semblar a la imatge de més amunt.

Pas 3: Creeu funcions de clic

Crea funcions de clic
Crea funcions de clic

Creeu funcions d'esdeveniments que s'executin quan es fa clic a cadascun dels botons. Per fer-ho, feu clic al botó desitjat a la pestanya Disseny i, a continuació, feu clic a Insereix codi sota la pestanya Esdeveniments a l'espai de treball de disseny.

Pas 4: Funció GetWinner

Funció GetWinner
Funció GetWinner

Escriviu una funció anomenada getWinner amb el paràmetre "playersChoice".

Pas 5: trucar a la funció GetWinner

Cridant a la funció GetWinner
Cridant a la funció GetWinner

A cada funció Click Event, truqueu a la funció getWinner, enviant una cadena amb el nom de l’element corresponent a la funció.

Pas 6: Obteniu l'opció de CPU

Obteniu l'opció de la CPU
Obteniu l'opció de la CPU

A la funció getWinner, inicialitzeu una variable cpuChoice i envieu un número aleatori de 0 a 2 a una nova funció randomPick. Creeu la funció randomPick amb un paràmetre int.

Pas 7: escriviu RandomPick

Escriu RandomPick
Escriu RandomPick

A la funció randomPick, torneu un element diferent per a cada número aleatori del 0 al 2. Ex. si x = 0 retorna "Rock". Establiu el text d'una etiqueta en l'element "CPU tria" i &&

Pas 8: determinar el guanyador

Determineu el guanyador
Determineu el guanyador

De nou a la funció getWinner, compareu el playerChoice amb cpuChoice mitjançant instruccions if else per determinar el guanyador. Inicialitzeu un booleà que s'estableixi com a vertader si es determina que el jugador és el guanyador i, en cas contrari, es manté en fals. Precaució: comproveu si primer hi ha empat.

Pas 9: registreu els resultats

Al final de la funció getWinner, definiu una variable global per al recompte de guanys de la CPU i del recompte de jugadors i ajusteu cada variable en conseqüència. Ajusteu l'etiqueta corresponent al final de la funció getWinner (un cop s'hagi determinat el guanyador). Canvieu l'etiqueta principal per "Guanyeu" o "Perdeu" també aquí

Pas 10: Acabeu

En aquest moment, el vostre programa hauria d’estar acabat, feu clic a Executa i jugueu al joc per assegurar-vos que funcioni correctament.

Recomanat: