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.
-
En el archivo JavaScript, agrega eventos de clic que permitan al usuario elegir su jugada y comparen el resultado.
-
Genera una jugada aleatoria para el ordenador.
-
Compara la elección del usuario con la elección del ordenador y muestra el resultado en el área de resultados.
-
Actualiza el contador de puntos para el usuario y el ordenador según el resultado.
-
Muestra el resultado en el HTML utilizando
textContent
oinnerHTML
en el divresultados
-
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. -
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.
- Revisa que es el dataset para acceder al valor de jugada de cada botón
- Puedes usar un foreach en cada uno de los botónes
- Usa Math.ramdom() para generar aleatoriedad
- 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!!!