<!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="./static/styles.css"> -->
   <script src="./static/style.js"></script>
  <script src="./js/functions.js"></script>
</head>
<body>
  <table id="tablero">
    <tr>
      <td onclick="showQueen(this);" onmouseover="changeColor(0,0);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(0,1);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(0,2);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(0,3);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(0,4);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(0,5);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(0,6);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(0,7);" onmouseleave="clean()"></td>
    </tr>
    <tr>
      <td onclick="showQueen(this);" onmouseover="changeColor(1,0);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(1,1);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(1,2);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(1,3);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(1,4);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(1,5);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(1,6);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(1,7);" onmouseleave="clean()"></td>
    </tr>
    <tr>
      <td onclick="showQueen(this);" onmouseover="changeColor(2,0);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(2,1);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(2,2);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(2,3);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(2,4);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(2,5);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(2,6);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(2,7);" onmouseleave="clean()"></td>
    </tr>
    <tr>
      <td onclick="showQueen(this);" onmouseover="changeColor(3,0);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(3,1);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(3,2);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(3,3);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(3,4);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(3,5);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(3,6);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(3,7);" onmouseleave="clean()"></td>
    </tr>
    <tr>
      <td onclick="showQueen(this);" onmouseover="changeColor(4,0);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(4,1);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(4,2);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(4,3);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(4,4);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(4,5);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(4,6);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(4,7);" onmouseleave="clean()"></td>
    </tr>
    <tr>
      <td onclick="showQueen(this);" onmouseover="changeColor(5,0);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(5,1);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(5,2);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(5,3);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(5,4);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(5,5);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(5,6);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(5,7);" onmouseleave="clean()"></td>
    </tr>
    <tr>
      <td onclick="showQueen(this);" onmouseover="changeColor(6,8);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(6,1);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(6,2);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(6,3);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(6,4);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(6,5);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(6,6);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(6,7);" onmouseleave="clean()"></td>
    </tr>
    <tr>
      <td onclick="showQueen(this);" onmouseover="changeColor(7,0);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(7,1);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(7,2);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(7,3);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(7,4);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(7,5);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(7,6);" onmouseleave="clean()"></td>
      <td onclick="showQueen(this);" onmouseover="changeColor(7,7);" onmouseleave="clean()"></td>
    </tr>
  </table>
  <select name="" id="">
  <option value="">Reina de Yugioh</option>
  <option value="">Reina de los Brownies</option>
  <option value="">Dulce Princesa</option>
</select>

  <select name="" id="" onchange="solution1()">
    <option value="">--</option>
    <option value="">Solucion 1</option>
    <option value="">Solucion 2</option>
    <option value="">Solucion 3</option>
  </select>

</body>

</html>