var blockdoc,w,h,chance = 0,tmp="",screen,intext; var selectedChar = 'X'; var playerChar = selectedChar; var blocks = []; var winners = []; alert("still progress"); function Load(){ blocks = []; selectedChar = 'X'; chance = 0; w = window.innerWidth; h = window.innerHeight; w = w>h ? h : w; w = Math.floor(w/3-10); //console.log(screen); for(var i=0;i<3;i++) blocks[i] = []; for(var i=0;i<9;i++) tmp+='

'; document.body.innerHTML += tmp; document.getElementById("screen").style = "display:none;"; blockdoc = document.getElementsByClassName("block"); document.body.style = "font-size:"+w+"px;"; for(var x=0;x<3;x++){ for(var y=0;y<3;y++){ var i = x+3*y; blockdoc[i].onclick =function(){ blockClicked(this) }; blockdoc[i].style.width = w+"px"; blockdoc[i].innerText = ""; blockdoc[i].style.backgroundColor = "#fff"; blockdoc[i].style.height = w+"px"; blockdoc[i].style.left = (x*w)+"px"; blockdoc[i].style.top = (y*w)+"px"; blocks[x][y] = new Block(x,y,blockdoc[i]); } } } function Block(i,j,ele){ this.i = i; this.j = j; this.ele = ele; this.isFilled = false; this.char = '0'; this.fill = function(){ ele.innerText = selectedChar; this.isFilled = true; this.char = selectedChar; this.ele.style.backgroundColor = "#B6B6B6"; this.ele.style.cursor = "default"; this.ele.onclick = null; selectedChar = selectedChar=='X'?'O':'X'; } } function blockClicked(ele){ var index = ele.id; var x = index%3; var y = (index-x)/3; chance++; blocks[x][y].fill(); AI(x,y); } function checkHor(i,j){ return ( blocks[i][j].isFilled && blocks[i-1][j].isFilled && blocks[i+1][j].isFilled && blocks[i][j].char == blocks[i-1][j].char && blocks[i][j].char == blocks[i+1][j].char ); } function checkVer(i,j){ return ( blocks[i][j].isFilled && blocks[i][j-1].isFilled && blocks[i][j+1].isFilled && blocks[i][j].char == blocks[i][j-1].char && blocks[i][j].char == blocks[i][j+1].char ); } function check(blocks,testing=false){ winners = []; for(var i=0;i<3;i++) if(checkHor(1,i)) winners.push(blocks[1][i].char); for(var j=0;j<3;j++) if(checkVer(j,1)) winners.push(blocks[j][1].char); if( blocks[1][1].isFilled && blocks[0][0].isFilled && blocks[2][2].isFilled && blocks[1][1].char == blocks[0][0].char && blocks[1][1].char == blocks[2][2].char) winners.push(blocks[1][1].char) if( blocks[1][1].isFilled && blocks[0][2].isFilled && blocks[2][0].isFilled && blocks[1][1].char == blocks[0][2].char && blocks[1][1].char == blocks[2][0].char) winners.push(blocks[1][1].char); return (winners.length > 0); } function getRandomPos(){ return {x:Math.floor(3*Math.random()),y:Math.floor(3*Math.random())}; } function AI(i,j){ var tmploop = true; if(chance == 1 && i==1 && j==1){ blocks[0][0].fill(); /* while(tmploop){ var tmpos = getRandomPos(); if(!blocks[tmpos.x][tmpos.y].isFilled){ blocks[tmpos.x][tmpos.y].fill(); chance++; tmploop = false; } }*/ }else if(chance == 1 && i!=1 && j!=1) blocks[1][1].fill(); else{ //Check if O Wins var owins = false; tmploop = false; for(var i=0;i<3;i++){ for(var j=0;j<3;j++){ if(!blocks[i][j].isFilled){ blocks[i][j].char = selectedChar; blocks[i][j].isFilled = true; if(check(blocks,true)){ blocks[i][j].fill(); chance++; owins = true; tmploop = true; break; } else blocks[i][j].isFilled = false; } } if(tmploop) break; } //Defend For X if(!owins){ tmploop = false; for(var i=0;i<3;i++){ for(var j=0;j<3;j++){ if(!blocks[i][j].isFilled){ blocks[i][j].char = playerChar; blocks[i][j].isFilled = true; if(check(blocks,true)){ blocks[i][j].fill(); chance++; tmploop = true; break; } else blocks[i][j].isFilled = false; } } if(tmploop) break; } } var len = 0; for(var i=0;i<3;i++){ for(var j=0;j<3;j++) if(blocks[i][j].isFilled) len++; } if(!tmploop && len!=9){ tmploop = true; while(tmploop){ var tmpos = getRandomPos(); if(!blocks[tmpos.x][tmpos.y].isFilled){ blocks[tmpos.x][tmpos.y].fill(); tmploop = false; } } }else if(!tmploop && len==9){ tmploop = false; for(var i=0;i<3;i++){ for(var j=0;j<3;j++){ if(!blocks[i][j].isFilled){ blocks[i][j].fill(); break; tmploop = true; } } if(tmploop) break; } } } var result = check(blocks); if(result){ document.getElementById("intext").innerText = winners[0]+" Wins The Game !"; document.getElementById("screen").style = "display:block;"; } if(!result && len == 9){ document.getElementById("intext").innerText = "Game is Draw"; document.getElementById("screen").style = "display:block;"; } } function Restart(){ Load(); }

Tic Tac AI Vs You