Informatica y Tecnologia

Juego Piedra Papel Tijeras en JavaScript

Octavo proyecto de la guia 50 Proyectos de Programacion para Practicar y Aprender. Proyectos para Principiantes

Enunciado del proyecto

Este juego permite al usuario elegir entre piedra, papel o tijeras para competir contra una elección aleatoria de la computadora. El programa muestra quién gana cada ronda.

Código HTML, CSS y JavaScript

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Piedra, Papel o Tijeras</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      padding: 30px;
      background-color: #f2f2f2;
    }
    button {
      padding: 10px 20px;
      margin: 10px;
      font-size: 16px;
    }
    #resultado {
      font-size: 20px;
      margin-top: 20px;
      font-weight: bold;
    }
  </style>
</head>
<body>

  <h2>Piedra, Papel o Tijeras</h2>

  <p>Elige tu opción:</p>
  <button >
Juego Piedra Papel Tijeras en JavaScript. Explicación del Código

HTML: Botones para que el usuario elija entre piedra, papel o tijeras, y un párrafo donde se muestra el resultado.
CSS: Estilos simples para mejorar la presentación.
JavaScript:

Math.random() elige una opción aleatoria para la computadora.
Se comparan las elecciones del usuario y la computadora para determinar el ganador.

Indice de la guia de proyectos

50 Proyectos de Programacion

Proyecto anterior

Reloj Digital en JavaScript