Tijeras de piedra, papel: 10 pasos

2024 Autor: John Day | [email protected]. Última modificación: 2024-01-30 08:41

Propósito: Después de completar esto, aprenderá cómo hacer un juego simple de Piedra, Papel y Tijeras desde cero usando Code.org.

Materiales / Requisitos necesarios: Comprensión básica de la sintaxis de Javascript, una computadora, una cuenta de Code.org.

Paso 1: Abra el espacio de trabajo

1. Comience abriendo code.org, haga clic en crear un proyecto y haga clic en laboratorio de aplicaciones.

Paso 2: Diseñar la interfaz de usuario

2. Haga clic en la pestaña de diseño en la esquina superior izquierda del entorno de codificación y arrastre tres botones (Piedra, Papel, Tijeras). Etiquételos y cambie sus identificaciones en consecuencia. Además, en la pestaña de diseño, arrastre las etiquetas para: elección de CPU, elección de jugador y un indicador de ganar o perder. Identifíquelos en consecuencia, el resultado final debe verse como la imagen de arriba.

Paso 3: crear funciones de clic

Crear funciones de eventos que se ejecutan cuando se hace clic en cada uno de los botones. Para hacer esto, haga clic en el botón deseado en la pestaña de diseño, luego haga clic en insertar código debajo de la pestaña de eventos en el espacio de trabajo de diseño.

Paso 4: Función GetWinner

Escriba una función llamada getWinner con el parámetro "playersChoice".

Paso 5: Llamar a la función GetWinner

En cada función Click Event, llame a la función getWinner, enviando una cadena con el nombre del elemento correspondiente a la función.

Paso 6: obtenga la elección de la CPU

En la función getWinner, inicialice una variable “cpuChoice, y haga que envíe un número aleatorio de 0 a 2 a una nueva función randomPick. Cree la función randomPick con un parámetro int.

Paso 7: Escribe RandomPick

En la función randomPick, devuelve un elemento diferente para cada número aleatorio de 0 a 2. Ej. si x = 0 devuelve “Rock”. Establecer el texto de una etiqueta en "CPU elige" && elemento

Paso 8: determinar el ganador

De vuelta en la función getWinner, compare playerChoice con cpuChoice usando declaraciones if else para determinar el ganador. Inicializa un booleano que se establece en verdadero si se determina que el jugador es el ganador, y permanece falso en caso contrario. Precaución: compruebe primero si hay un empate.

Paso 9: registrar los resultados

Al final de la función getWinner, establezca una variable global para el recuento de victorias de la CPU y el recuento de victorias del jugador y ajuste cada variable en consecuencia. Ajuste la etiqueta correspondiente al final de la función getWinner (una vez que se haya determinado el ganador). Cambie la etiqueta principal a "Usted gana" o "Usted pierde" aquí también.

Paso 10: ¡Termina

En este punto, su programa debería estar terminado, haga clic en ejecutar y juegue el juego para asegurarse de que funcione correctamente.