tateti.html 1.65 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52
<!DOCTYPE html>
<html>
	<head>
		<title>Ta Te Ti</title>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
		<link rel="stylesheet" href="style.css">
		<link href='https://fonts.googleapis.com/css?family=Barrio' rel='stylesheet'>
	<body>

		<h1 id="titulo">Ta-Te-Ti!</h1>

		<div id="inputJugadores">Jugadores <input type="text" id="jugadorInput" > <button onclick=agregar()>+</button></div>
		
		<div id="selectores" hidden="hidden">
			Jugador x <select name="select" id="selectX" hidden="hidden"></select>
			Jugador o <select name="select" id="selectO" hidden="hidden"></select>
		</div>

		<button id="botonComenzarJuego" onclick=comenzarJuego()>Comenzar Juego</button>
		
		<div id="tatetiTurnos" hidden="hidden">
				<p id="mensajeTurno"></p>
		</div>
		
		
		<div id="tateti" hidden="hidden">
			<table>
				<tr>
					<td><button class="casilla" id="00" onclick=jugar(0,0)></button></td>
					<td><button class="casilla" id="01" onclick=jugar(0,1)></button></td>
					<td><button class="casilla" id="02" onclick=jugar(0,2)></button></td>
				</tr>
				<tr>
					<td><button class="casilla" id="10" onclick=jugar(1,0)></button></td>
					<td><button class="casilla" id="11" onclick=jugar(1,1)></button></td>
					<td><button class="casilla" id="12" onclick=jugar(1,2)></button></td>
				</tr>
				<tr>
					<td><button class="casilla" id="20" onclick=jugar(2,0)></button></td>
					<td><button class="casilla" id="21" onclick=jugar(2,1)></button></td>
					<td><button class="casilla" id="22" onclick=jugar(2,2)></button></td>
				</tr>
			</table>
		</div>

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

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