Untitled

<html>
    <head>
        <title>TRIVIAL</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/jquery.raty.css">

        <script src="js/jquery-1.11.1.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/jquery.raty.js"></script>


    </head>
    <body>


        <div id="preguntas"></div>

        <?php

//funcion que accede a la base de datos
include 'funciones.php';
$conexion = conectaBBDD();

//lle da un valor random  a lo que imprime la base de datos
//$numero = rand(1000, 1128);
        $consulta = $conexion->query("SELECT * from Preguntas where tema = 'Filosofia'");

 $theArray = array();
$aux = 0;

 while ($fila = $consulta->fetch_assoc()) {


     $theArray[$aux][0] = $fila["enunciado"];
     $theArray[$aux][1] = $fila["r1"];
     $theArray[$aux][2] = $fila["r2"];
     $theArray[$aux][3] = $fila["r3"];
     $theArray[$aux][4] = $fila["r4"];
     $theArray[$aux]["correcta"] = $fila["correcta"];

     $aux++;

 }

//
//    echo '<div>'.$fila["enunciado"].'</div>';
//    echo '<br>';
//    echo '<button onclick="comparar(1,'.$fila["correcta"].')">'.$fila["r1"].'</button>';
//    echo '<button onclick="comparar(1,'.$fila["correcta"].')">'.$fila["r2"].'</button>';
//    echo '<button onclick="comparar(1,'.$fila["correcta"].')">'.$fila["r3"].'</button>';
//    echo '<button onclick="comparar(1,'.$fila["correcta"].')">'.$fila["r4"].'</button>';
//    echo '<br>';
//    echo '<button>siguiente</button>';


?>

    <script>

       var puntuacion = 0;


        function shuffle(o){ //v1.0
    for(var j, x, i = o.length; i; j = Math.floor(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
    return o;
    };

        var array = <?php  echo json_encode($theArray); ?>;

        function preguntas(){
            $('#preguntas').empty();


            shuffle(array);


            $('#preguntas').append('<button>' +array[0][0]+'</button>');
            $('#preguntas').append('<button onclick="comprobar(1,'+array[0]["correcta"]+')">'+array[0][1]+'</button>');
            $('#preguntas').append('<button onclick="comprobar(2,'+array[0]["correcta"]+')">'+array[0][2]+'</button>');
            $('#preguntas').append('<button onclick="comprobar(3,'+array[0]["correcta"]+')">'+array[0][3]+'</button>');
            $('#preguntas').append('<button onclick="comprobar(4,'+array[0]["correcta"]+')">'+array[0][4]+'</button>');

        }
         function comprobar(var1,var2){

             if(var1 === var2){

             $('#preguntas').append('<button>Correcto</button>') ;

             puntuacion++;

             $('#puntuacion').html(puntuacion);

             }else{

                 $('#preguntas').append('<button>Incorrecto</button>') ;
           }

          $('#preguntas').append('<button onclick="preguntas()"> Siguiente</button>');


         }

        $(document).ready(function(){
           preguntas();
           $('#puntuacion').html(puntuacion);
        });


    </script>

    <div id="puntuacion"></div>
    </body>

</html>