damas.html

<!DOCTYPE html>
<html>
	<head>
		<title>Damas!</title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="damasStyle.css">
		<link href='https://fonts.googleapis.com/css?family=Barrio' rel='stylesheet'>
		
	</head>
	<body>
			<h1 id="titulo">Damas!</h1>

			<div id="inputJugadores">Jugadores <input type="text" id="jugadorInput" > <button onclick=agregar()>+</button></div>
			
			<div id="selectores" hidden="hidden">
				Blancas <select name="select" id="selectX" hidden="hidden"></select>
				Negras <select name="select" id="selectO" hidden="hidden"></select>
			</div>
	
			<button id="botonComenzarJuego" onclick=comenzarJuego()>Comenzar Juego</button>


		<div id="tablero" hidden="hidden">
			<table id="tablaTablero"></table>
		</div>

		<div id="mensajeTurno" hidden="hidden">Turno blancas!</div>

		<div id="mensajes"></div>
		<div id="resultado" hidden="hidden"></div>


		<script src="damas.js"></script>
	</body>
</html>