app.js

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;

 }*/