<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--link rel="stylesheet" href="./css/styles.css"!-->
    <script src="./css/styles.js"></script>
    <script src="./js/functions.js"></script>
</head>

<body>
    <table id="tablero">
        <tr>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(0,0);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(0,1);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(0,2);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(0,3);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(0,4);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(0,5);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(0,6);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(0,7);" onmouseleave="limpiar();"></td>
        </tr>
        <tr>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(1,0);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(1,1);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(1,2);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(1,3);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(1,4);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(1,5);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(1,6);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(1,7);" onmouseleave="limpiar();"></td>
        </tr>
        <tr>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(2,0);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(2,1);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(2,2);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(2,3);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(2,4);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(2,5);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(2,6);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(2,7);" onmouseleave="limpiar();"></td>
        </tr>
        <tr>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(3,0);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(3,1);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(3,2);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(3,3);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(3,4);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(3,5);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(3,6);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(3,7);" onmouseleave="limpiar();"></td>
        </tr>
        <tr>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(4,0);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(4,1);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(4,2);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(4,3);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(4,4);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(4,5);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(4,6);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(4,7);" onmouseleave="limpiar();"></td>
        </tr>
        <tr>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(5,0);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(5,1);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(5,2);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(5,3);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(5,4);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(5,5);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(5,6);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(5,7);" onmouseleave="limpiar();"></td>
        </tr>
        <tr>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(6,0);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(6,1);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(6,2);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(6,3);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(6,4);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(6,5);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(6,6);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(6,7);" onmouseleave="limpiar();"></td>
        </tr>
        <tr>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(7,0);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(7,1);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(7,2);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(7,3);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(7,4);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(7,5);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(7,6);" onmouseleave="limpiar();"></td>
            <td onclick="MostrarReina(this)" onmouseover="CambiarColor(7,7);" onmouseleave="limpiar();"></td>
        </tr>
    </table>

    <select name="" id="">
    <option value="">Reina de Yugioh</option>
    <option value="">Reina de los brownies</option>
    <option value=""> Yeri Mua </option>

    </select>

    <select onchange="solucion()">
        <option value=""> </option>
        <option value="">Solucion 1 </option>
        <option value="">Solucion 2</option>
        <option value=""> Solucion 3</option>
    
        </select>

    

   
</body>

</html>