Curso de Javascript | Juego piedra, papel o tijera 1

Curso de Javascript
Juego piedra, papel o tijera

Curso de Javascript | Juego piedra, papel o tijera 2

Curso de Javascript | Juego piedra, papel o tijera

1.  
2.  
3.  
4.  
5.  
6.  
7.  
8.  
9.  
10.  
11.  
12.  
13.  
14.  
15.  
16.  
17.  
18.  
19.  
20.  
21.  
22.  
23.  
24.  
25.  
26.  
27.  
28.  
29.  
30.  
31.  
32.  
33.  
34.  
35.  
36.  
37.  
38.  
39.  
40.  
41.  
42.  
43.  
44.  
45.  
46.  
47.  
48.  
49.  

1. Creamos la interfaz visual con tres botones: piedra, papel y tijera. Además añadimos una imagen con una interrogación en la que mostraremos la solución.

Curso de Javascript | Juego piedra, papel o tijera 3
Curso de Javascript | Juego piedra, papel o tijera 4
Curso de Javascript | Juego piedra, papel o tijera 5
Curso de Javascript | Juego piedra, papel o tijera 6

2. A partir de una array de palabras generamos un valor aleatorio que puede ser piedra, papel o tijera.

3. Cuando el usuario pulsa sobre una de las tres opciones que tiene, se le mostrará si ha ganado o perdido. Para ello, debemos tener en cuenta que:

  • La piedra gana a las tijeras, pero pierde concontra el papel.
  • El papel gana a la piedra pero pierde contra las tijeras.
  • Las tijeras ganan al papel pero pierden contra la piedra.
  • En el caso de que la opción seleccionada por el usuario coincida con la generada aleatoriamente, tendremos un empate.

3. Después de cada tirada, al cabo de 3 segundos, volveremos a empezar.

Descargar imágenes

Variaciones del ejercicio

A continuación, te propongo un par de variaciones que puedes realizar para complicar un poco más el ejercicio.

Versión de dos jugadores

Los jugadores marcan su opción y se comprueba si han ganado a la solución que propone el ordenador.