tateti.html 1.38 KB
Newer Older
1 2 3 4 5
<html>
	<head><title>Tateti</title></head>
	<link rel="stylesheet" href="main.css">	
	<script src="main.js"></script>
	<script>
Enzo committed
6
		window.onload = resetearJugador;
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
		//Agarra la celda clickeada, y ejecuta la funcion escribirCelda (que le pasa como parametro la celda elegida)
		function clickCelda(){
			var idCelda = event.srcElement.id;
			var celdaElegida = document.getElementById(idCelda);
			escribirCelda(celdaElegida);
		}
		//Al ser presionado el boton jugar de nuevo, cambia todos los HTML a ""
		function eliminarDatos(){
			for (var i = 1; i <= 9; i++) {
				var idActual = "celda" + i;
				var elemento = document.getElementById(idActual);
				console.log(elemento);
				elemento.innerHTML = "";
			}
			resetearJugador();
		}
	</script>
	<body>
		<h1>Enzo's Tateti</h1>
		<table>
			<tr>
				<td id="celda1" onclick="clickCelda();"></td>
				<td id="celda2" onclick="clickCelda();"></td>
				<td id="celda3" onclick="clickCelda();"></td>
			</tr>
			<tr>
				<td id="celda4" onclick="clickCelda();"></td>
				<td id="celda5" onclick="clickCelda();"></td>
				<td id="celda6" onclick="clickCelda();"></td>
			</tr>
			<tr>
				<td id="celda7" onclick="clickCelda();"></td>
				<td id="celda8" onclick="clickCelda();"></td>
				<td id="celda9" onclick="clickCelda();"></td>
			</tr>
		</table>
	<br>
	<button id="jugDeNuev" type="button" onclick="eliminarDatos();">Jugar de Nuevo</button>
	</body>
</html>