Trivial con ReactJS

1. Importamos el .json en nuestra aplicación y mostrar la primera pregunta en pantalla.

2. Mostrar las posibles respuestas de esa pregunta.

3. Detectar la respuesta correcta.

4. Poner la imagen vinculada a la pregunta.

5. Añadir styled-components a la aplicación.

6. Al acertar una pregunta, avanzaremos a la siguiente.

7. Al fallar una pregunta, retrocedemos a la anterior.

6. Mostrar un popup al ganar el juego.

7. Desordenar las preguntas y las respuestas. Para ello, utilizaremos la siguiente función:

export const  shuffleArray = (array) => {
    let counter = array.length;

    // While there are elements in the array
    while (counter > 0) {
        // Pick a random index
        let index = Math.floor(Math.random() * counter);

        // Decrease counter by 1
        counter--;

        // And swap the last element with it
        let temp = array[counter];
        array[counter] = array[index];
        array[index] = temp;
    }

    return array;
}
Descargar código fuente
← Aplicación textos teatro
Hacer un juego de mesa →

Aviso Legal | Política de privacidad