<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Problema De Las 8 Reinas</title>
    <!--<link rel="stylesheet" href="./css/styles.css">-->
    <script src="./js/functions.js"></script>
    <script src="./css/stylesOfuscado.js"></script>
</head>
<body class="bg">
    <h2 style="text-align: center ; color: white; margin-top: 0.5rem; margin-bottom: 0.5rem;">Problema De Las 8 Reinas</h2>
    <div style="text-align: center; margin-bottom: 0.5rem;">
        <select name="" id="">
            <option value="">Reina 1</option>
            <option value="">Reina 2</option>
            <option value="">Reina 3</option>
        </select>
        <select onchange="solucion1();" name="" id="">
            <option value="">--</option>
            <option value="">Solucion 1</option>
            <option value="">Solucion 2</option>
            <option value="">Solucion 3</option>
        </select>
    </div>
    <table style="margin: auto; border-collapse: collapse; margin-top: 0.5rem; margin-bottom: 0.5rem;" id="tablero">
        <tr>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(0,0);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(0,1);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(0,2);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(0,3);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(0,4);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(0,5);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(0,6);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(0,7);" onmouseleave="limpiar();"></td>
        </tr>
        <tr>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(1,0);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(1,1);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(1,2);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(1,3);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(1,4);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(1,5);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(1,6);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(1,7);" onmouseleave="limpiar();"></td>
        </tr>
        <tr>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(2,0);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(2,1);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(2,2);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(2,3);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(2,4);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(2,5);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(2,6);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(2,7);" onmouseleave="limpiar();"></td>
        </tr>
        <tr>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(3,0);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(3,1);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(3,2);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(3,3);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(3,4);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(3,5);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(3,6);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(3,7);" onmouseleave="limpiar();"></td>
        </tr>
        <tr>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(4,0);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(4,1);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(4,2);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(4,3);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(4,4);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(4,5);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(4,6);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(4,7);" onmouseleave="limpiar();"></td>
        </tr>
        <tr>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(5,0);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(5,1);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(5,2);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(5,3);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(5,4);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(5,5);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(5,6);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(5,7);" onmouseleave="limpiar();"></td>
        </tr>
        <tr>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(6,0);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(6,1);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(6,2);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(6,3);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(6,4);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(6,5);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(6,6);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(6,7);" onmouseleave="limpiar();"></td>
        </tr>
        <tr>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(7,0);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(7,1);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(7,2);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(7,3);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(7,4);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(7,5);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(7,6);" onmouseleave="limpiar();"></td>
            <td onclick="mostarReina(this);" onmouseover="cambiarColor(7,7);" onmouseleave="limpiar();"></td>
        </tr>
    </table>
</body>
</html>