Cómo crear el juego de Piedra, Papel y Tijeras con JavaScript

2330

Introducción:
En este tutorial, aprenderás cómo crear el clásico juego de Piedra, Papel y Tijeras utilizando JavaScript. Mediante la implementación de la lógica del juego y la interacción con el usuario, podrás disfrutar de esta divertida experiencia. ¡Vamos a empezar!

Paso 1: Configuración inicial del juego
Crea un nuevo archivo HTML y guárdalo con el nombre “piedra-papel-tijeras.html”.
Dentro del archivo HTML, enlaza tu archivo JavaScript mediante una etiqueta <script>:

<!DOCTYPE html><html><head><title>Piedra, Papel y Tijeras</title><linkrel="stylesheet"type="text/css"href="styles.css"></head><body><h1>Piedra, Papel y Tijeras</h1><scriptsrc="piedra-papel-tijeras.js"></script></body></html>

Paso 2: Creación de la lógica del juego

Crea un nuevo archivo JavaScript y guárdalo con el nombre “piedra-papel-tijeras.js”.
Dentro del archivo JavaScript, define una función llamada jugar que contendrá la lógica del juego:

functionjugar(eleccionUsuario) {
  // Definir las opciones disponibles por medio de un Arreglolet opciones = ["piedra", "papel", "tijeras"];

  // Generar la elección aleatoria de la máquina con metodoslet eleccionMaquina = opciones[Math.floor(Math.random() * opciones.length)];

  // Verificar el resultado del juego con condicional ifif (eleccionUsuario === eleccionMaquina) {
    // Empateconsole.log("Empate. Ambos eligieron " + eleccionUsuario + ".");
  } elseif (
    (eleccionUsuario === "piedra" && eleccionMaquina === "tijeras") ||
    (eleccionUsuario === "papel" && eleccionMaquina === "piedra") ||
    (eleccionUsuario === "tijeras" && eleccionMaquina === "papel")
  ) {
    // El usuario ganaconsole.log("¡Ganaste! Tú eliges " + eleccionUsuario + " y la máquina elige " + eleccionMaquina + ".");
  } else {
    // El usuario pierdeconsole.log("Perdiste. Tú eliges " + eleccionUsuario + " y la máquina elige " + eleccionMaquina + ".");
  }
}

Paso 3: Interacción con el usuario

Agrega la interacción con el usuario para que pueda elegir una opción y jugar el juego:

// Obtener la elección del usuario
let eleccionUsuario = prompt("Elige: piedra, papel o tijeras").toLowerCase();// Verificar si la elección del usuario es válida y jugar el juegoif (eleccionUsuario === "piedra" || eleccionUsuario === "papel" || eleccionUsuario === "tijeras") {
  jugar(eleccionUsuario);
} else {
  console.log("Elección inválida. Por favor, elige piedra, papel o tijeras.");
}

Paso 4: Ejecución del juego

Abre el archivo HTML en tu navegador y se te pedirá que elijas una opción (piedra, papel o tijeras).
Después de ingresar tu elección, verifica la consola del navegador para ver el resultado del juego.

¡Felicitaciones! Ahora tienes el juego de Piedra, Papel y Tijeras implementado en JavaScript.

Puedes mejorar la experiencia agregando estilos
Si quieres saber cómo poner estilos déjame saberlo en los comentarios o si quieres que pongamos un ciclo while para que el juego se repita y sea por puntos y el primero en hacer 5 puntos gana!!

hace 2 años