Curso de Javascript
Juego de las máquinas tragaperras

Vamos a hacer una aplicación que emule el funcionamiento de una máquina tragaperras.

Estos serían los pasos en la realización del ejercicio:

Como funciona la máquina tragaperras:

1. Descargamos el html y las imágenes de la máquina tragaperras.

2. Detectamos la pulsación sobre SPIN REELS.

3. Si el importe disponible es mayor o igual a la apuesta seleccionada, jugamos. Si no, se muestra un mensaje de error.

4. En el caso de jugar, utilizaremos un bucle for que irá de 0 a 2 y que controlará los 3 valores mostrados por la máquina tragaperras. En cada iteración de este bucle se generará un número aleatorio del 0 al 9 que corresponderán a cada una de las imagenes de la carpeta img (numeradas del 0 al 9)
NOTA: para generar un número aleatorio del 0 al 9 utilizad:
Math.floor(Math.random() * 10)

5. Se mostrarán en el documento html las tres imagenes que correspondan con los tres numeros generados (en las etiquetas img con id reel1, reel2 y reel3)

6. Para controlar cuando hay premio, utilizaremos un array de figuras como el siguiente:

const shapes = [0, 2, 0, 0, 1, 0, 0, 0, 0, 0];

Este array almacena en cada una de sus posiciones el número de veces que ha salido la ficha correspondiente a esa posición.

Si los tres números (y por tanto las tres figuras generadas) generan un premio según la tabla que se muestra en el documento html se incrementará el amount en la cantidad calculada a partir de la apuesta jugada multiplicada por el factor del premio (por ejemplo si aparecen tres campanas y la apuesta son 10c el premio será 300 x 10 = 3000).

Podemos alimentar este array con un código similar a este:

for (let i = 0; i < 3; i++) {
    const shape = Math.floor(Math.random() * 10);
    shapes[shape]++;
    ...
}

La figura wild (numero 9) es un comodin de forma que sustituye a cualquier otra de las figuras cuando tengamos que comprobar si se ha ganado un premio. (por ejemplo: limon limon wild y sus combinaciones sería equivalente a tres limones)