Juego de rock, papel y tijera usando JavaScript

Rock, Paper y Scissor es un juego bien conocido en todo el mundo que casi todos han jugado en su infancia. Para las personas normales, es un buen recuerdo de la infancia, pero para los programadores, es una buena práctica de codificación. Los programadores principiantes siempre deben buscar problemas interesantes y fáciles de implementar. Y este es uno de ellos. Este artículo demostrará la implementación del juego RPS con JavaScript.

Paso 1: Configure la página web HTML

Comience creando una nueva página web HTML, y en esa página web, haga las siguientes cosas:

• Saludar al usuario o desafiarlos
• Incluir un botón de inicio que inicie el juego

Para hacer esto, use las siguientes líneas dentro del documento HTML:

Juguemos un juego de tijeras de papel rock

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




Comenzar

En las líneas anteriores, también se le notifica al usuario que el 0 significa rock, 1 significa papel y 2 medias tijeras. Estas son también las reglas que se implementarán para determinar el ganador. Además, el botón tiene una propiedad OnClick establecida en el empezar juego() método, que iniciará el juego una vez que el usuario haga clic en él.

Cargue el HTML en los navegadores y mostrará la siguiente página web:

Todo se coloca o = en el centro de la página web gracias a la etiqueta

Paso 2: Código JavaScript para la funcionalidad del juego

Comience creando la función empezar juego() que se llamará en cada botón Presione:

función startGame ()
// El próximo código va por aquí

Después de que genere el movimiento de la computadora, recuerde que solo hay 3 opciones diferentes, 0,1 y 2. 0 significa Rock, 1 stand for Paper y 2 soportes para tijeras:

CM = matemáticas.piso (matemáticas.aleatorio () * 3);

Esto proporciona un valor aleatorio de 0 a 2 y lo almacena dentro de la variable cm De pie para el movimiento de la computadora.

Después de eso, use un indicador para decirle al usuario que ingrese su elección, almacene esa elección en una variable y luego conviértelo en En t mediante el uso del parseint () método y almacenar el valor final en la variable "pm":

Entrada = solicitante ("Ingrese su elección!");
PM = parseint (entrada);

Después de eso, escriba las reglas para decidir el ganador del juego usando las siguientes reglas:

• Rock Beats Scissor
• Scissor beats papel
• Paper beats rock
• Mismo signo => empate

Estas reglas se implementan con declaraciones simples de IF-Else IF con las siguientes líneas:

if (cm == 0 && pm == 1)
alerta ("Batir la computadora con papel contra la roca");
elseif ((cm = 0 && pm == 2))
alerta ("Computer Beat You With Rock");
elseif ((cm = 1 && pm == 0))
alerta ("computadora te golpea con papel");
elseif ((cm = 1 && pm == 2))
alerta ("Batir la computadora con tijera contra papel");
elseif ((cm = 2 && pm == 0))
alerta ("Golpes a la computadora con rock contra Scissor");
elseif ((cm = 2 && pm == 1))
alerta ("Computadora te venció con tijera");
demás
alerta ("es un empate");

Después de eso, simplemente cierre el soporte final del empezar juego() y la parte de JavaScript está hecha.

El fragmento completo de JavaScript es el siguiente:

función startGame ()
CM = matemáticas.piso (matemáticas.aleatorio () * 3);
Entrada = solicitante ("Ingrese su elección!");
PM = parseint (entrada);
if (cm == 0 && pm == 1)
alerta ("Batir la computadora con papel contra la roca");
elseif ((cm = 0 && pm == 2))
alerta ("Computer Beat You With Rock");
elseif ((cm = 1 && pm == 0))
alerta ("computadora te golpea con papel");
elseif ((cm = 1 && pm == 2))
alerta ("Batir la computadora con tijera contra papel");
elseif ((cm = 2 && pm == 0))
alerta ("Golpes a la computadora con rock contra Scissor");
elseif ((cm = 2 && pm == 1))
alerta ("Computadora te venció con tijera");
demás
alerta ("es un empate");

Paso 3: Jugando el juego

Inicie el documento HTML y haga clic en el comenzar botón y comienza a jugar el juego como:

Con eso, la roca, el papel y la tijera están funcionando completamente, DISFRUTAR!

Envolver

Rock, Paper y Scissor no solo es un juego de la infancia para muchos, sino también un gran ejercicio de programación para los nuevos programadores. Tales ejercicios no solo son divertidos de implementar, sino que también agudizan la habilidad de un programador novato. En este artículo, se implementó un juego de rock, papel y spissor de trabajo completo, y cada paso se explicó uno por uno.