Untitled

<!DOCTYPE html>
<html>
<head>
    <title>BINGO</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <!-- <link rel="stylesheet" href="assets/estilos.css"> -->
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script src="assets/funciones.js" language="javascript" type="text/javascript"></script>
    <script>

        var contador=0;
        $(document).ready(function(){

        generador();


        });

        // Función que nos crea un número aleatorio
        function aleatorio(min, max)
        {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }


        function generador()
        {
            // Array que contendrá 9 arrays con 3 números cada uno
            cols = [];
            //Primer número posible de la primera columna
            numeroInicial = 1;


            for (c=0;c<9;c++)
            {
                //Array que contendrá los números de la columna
                cols[c]=[];


                numeroUltimo = numeroInicial+9;
                if (c==0) numeroUltimo--;
                if (c==8) numeroUltimo++;
                //Creo array con los números de la columna
                decena = [];
                for (i=numeroInicial; i<=numeroUltimo; i++)
                {
                    decena.push(i);
                }
                //Completo la columna con 3 números de la decena
                for (f=1; f<=3; f++)
                {
                    nElem = decena.length;
                    pos = aleatorio(0,nElem-1);
                    num = decena[pos];
                    cols[c].push(num);
                    //Elimino numero
                    decena.splice(pos,1);
                }
                cols[c].sort();
                numeroInicial = numeroUltimo+1;

            }

            //Array que contendrá las filas compuestas de números y espacios
            filas = [];
            for (f=0; f<3 ; f++)
            {

                filas[f]=[];
                //Construyo las filas
                for (c=0; c<9; c++)
                {
                    filas[f].push(cols[c][f]);
                    //Insertar aquí los numeros de cada carton de la partida

                }
            }

            var posFilas = document.getElementsByTagName("tr");
            for(i=0;i<3;i++)
            {
                var posceldas=posFilas[i].getElementsByTagName("td");
                for(j=0;j<9;j++)
                {
                    posceldas[j].innerHTML=filas[i][j];
                }
            }
        }

    </script>
</head>
<body>

<table class="carton">
    <tr>
        <td class="normal"></td>
        <td class="normal"></td>
        <td class="normal"></td>
        <td class="normal"></td>
        <td class="normal"></td>
        <td class="normal"></td>
        <td class="normal"></td>
        <td class="normal"></td>
        <td class="normal"></td>
    </tr>
    <tr>
        <td class="normal"></td>
        <td class="normal"></td>
        <td class="normal"></td>
        <td class="normal"></td>
        <td class="normal"></td>
        <td class="normal"></td>
        <td class="normal"></td>
        <td class="normal"></td>
        <td class="normal"></td>
    </tr>
    <tr>
        <td class="normal"></td>
        <td class="normal"></td>
        <td class="normal"></td>
        <td class="normal"></td>
        <td class="normal"></td>
        <td class="normal"></td>
        <td class="normal"></td>
        <td class="normal"></td>
        <td class="normal"></td>
    </tr>


</table>

<div id="bolas" class="marcador">
</div>
<div id="aciertos" class="botonbingo">
</div>

<table id="comprobador"></table>


</body>
</html>


</body>

</html>