diff --git a/tateti/app.js b/tateti/app.js new file mode 100644 index 0000000..4622fcf --- /dev/null +++ b/tateti/app.js @@ -0,0 +1,141 @@ + + + + +var contador=0; +var ganador=0; +var tablero = new Array(0,0,0,0,0,0,0,0,0); + +function reiniciar(tabla){ + + document.getElementById(tabla).innerHTML=""; + +} + +function insertar(n,event){ + + if(JuegoFin(tablero)) + { + return; + } + casilla=event.target; + + if(tablero[n-1]==0 && contador%2==0){ + tablero[n-1]=1 + contador++; + casilla.innerHTML = "X"; + + } + else if( tablero[n-1]==0 && contador%2==1) + { + tablero[n-1]=2 + contador++; + casilla.innerHTML = "O"; + + } + + + if(JuegoFin(tablero) && ganador>0){ + document.getElementById('resultado').innerHTML='El ganador es el jugador '+ganador; + + } + + + + + + + + +} + + +function JuegoFin(tablero){ + + for(var i=0;i<9;i+=3) + { + if(tablero[i]===tablero[i+1] && tablero[i]===tablero[i+2] && tablero[i]!=0) + { + ganador=tablero[i]; + return true; + } + + } + + + for(var i=0;i<3;i++) + { + if(tablero[i]===tablero[i+3] && tablero[i]===tablero[i+6] && tablero[i]!=0) // compara el 0 con el 3 y 6 , simulando una matriz + { + ganador=tablero[i]; + + return true; + } + } + + + if(tablero[0]===tablero[4] && tablero[4]==tablero[8] && tablero[0]!=0) + { + ganador=tablero[0]; + + return true; + } + + if(tablero[2]===tablero[4] && tablero[2]===tablero[6] && tablero[2]!=0){ + ganador=tablero[2]; + + return true; + } + + if(contador>8) + { + document.getElementById('resultado').innerHTML='EMPATE'; + return true; + + } + + return false; +} + + +/* +function insertar(id){ + + miId= id; + + contenido= document.getElementById(miId).value; + console.log(contenido); + + + +} + + function i(event) { + var casilla = event.target; + + if(comprobar(casilla)) + { + + if(contador%2===0) + { + casilla.innerHTML = "X"; + + } + else{ + casilla.innerHTML="O"; + } + contador++; + } + + + } + + + function comprobar (casilla){ + + if(casilla==="X" || casilla==="O"){ + return false; + } + return true; + + }*/ \ No newline at end of file diff --git a/tateti/estilos.css b/tateti/estilos.css new file mode 100644 index 0000000..a31cd7e --- /dev/null +++ b/tateti/estilos.css @@ -0,0 +1,22 @@ + +h1{ + text-align: center; + +} + +div{ + text-align: center; + +} + + +table { + margin: 0 auto; + + height: 200px; + width: 200px; + text-align:center; + +/* margin: 30px 0 0 100px;*/ + +} \ No newline at end of file diff --git a/tateti/tateti.html b/tateti/tateti.html new file mode 100644 index 0000000..9260b14 --- /dev/null +++ b/tateti/tateti.html @@ -0,0 +1,61 @@ + + +
+ + + +* | +* | +* | + + +
* | +* | +* | +
* | +* | +* | +
Los * representas casillas vacias
+ + + + + + + + +