Skip to content

TheBridge-FullStackDeveloper/FS_Online_Oct_TC_piedra-papel-tijera

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Ejercicio: Juego de Piedra, Papel o Tijera

En este ejercicio, crearemos un juego de "Piedra, Papel o Tijera" utilizando HTML, CSS y JavaScript. El juego permitirá a los usuarios elegir una de las tres opciones, compararla con la elección de la computadora y mostrar el resultado en la página.

Pasos del ejercicio:

  1. En el archivo JavaScript, agrega eventos de clic que permitan al usuario elegir su jugada y comparen el resultado.

  2. Genera una jugada aleatoria para el ordenador.

  3. Compara la elección del usuario con la elección del ordenador y muestra el resultado en el área de resultados.

  4. Actualiza el contador de puntos para el usuario y el ordenador según el resultado.

  5. Muestra el resultado en el HTML utilizando textContent o innerHTMLen el div resultados

  6. Esto ya está creado: Botones para "Piedra," "Papel" y "Tijera," un área de resultados (resultados) y un contador de puntos para el usuario y el ordendador.

  7. Crea un archivo CSS para dar estilo a los elementos HTML y asegurarte de que el juego se vea atractivo. Ya tiene unos secillos para que puedas trabajar.

Consejos

  1. Revisa que es el dataset para acceder al valor de jugada de cada botón
  2. Puedes usar un foreach en cada uno de los botónes
  3. Usa Math.ramdom() para generar aleatoriedad
  4. Adapta el HTML y CSS si lo ves necesario

## La estructura podría ser la siguiente:

  • Opciones en un array
  • Variables puntos usuario
  • Variables puntos ordenador
  • Capturar los botones para usarlos (plantea usar un forEach) y hacer evento click
  • Capturar resultados
  • Capturar contador-usuario
  • Capturar contador-ordenador
  • Crear una función obtenerResultado
  • Crear una función mostrarResultado
  • Crear una función actualizarPuntuacion

Piensa antes de hacer. Divide los problemas y luego programa

Let´s CODE!!!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published