"use strict" Array.prototype.isflat = function(){ var arr = this; return [0, 1].every(function(i){ return arr[i] != "#" && (arr[i] == arr[i+1]); }); }; Array.prototype.count = function(elem){ let c=0; for (let i of this){ if (i==elem){ c++; } } return c; }; var draw=false; var game = []; for (let i=0; i<3; i++){ var temp = []; for (let j=0; j<3; j++){ temp.push("#"); } game.push(temp); } /*----------------Validate----------------*/ var still=true; function validate(turn, top, left){ let height = parseInt($(".cell").css("height")); let width = parseInt($(".cell").css("width")); if (still){ for (let i=0; i<3; i++){ if (game[i].isflat()){ $("svg").html($("svg").html()+``); still = !still; } }} if (still){ for (let i=0; i<3; i++){ var cas = []; for (let j=0; j<3; j++){ cas.push(game[j][i]); } if (cas.isflat()){ $("svg").html($("svg").html()+``); still = !still; } } } if (still){ left = $('#1').position().left; top = $("#1").position().top; var cas1 = [game[0][0], game[1][1], game[2][2]]; var cas2 = [game[0][2], game[1][1], game[2][0]]; if (cas1.isflat()){ $("svg").html($("svg").html() + ``); still = false; } else if (cas2.isflat()){ $("svg").html($("svg").html() + ``); still = false; } } let draw = false; if (still && game.every(function(elem){ return !(elem.toString().includes("#")); })){ still = !still; draw = true; } if (!still){ if (window.navigator && window.navigator.vibrate) {navigator.vibrate(60);} still = false; if ($("span").text() != "2 Player Mode" && !draw) if (!turn){ alert("You won!! It was just a computer after all"); } else { alert("You lost! But don't give up yet. Click on Reset and start again."); } else if (!draw){ alert((!turn?"X":"O") + " Wins!!"); } else { alert("It's a draw.") } } } /*-----------Make the move-----------*/ function makeMove(str){ for (let i=0; i<3; i++){ if (game[i].count("#")==1 && game[i].count(str)==2){ $(`#${(3*i)+game[i].indexOf("#")+1}`).trigger("click"); return false; } var cas = [game[0][i], game[1][i], game[2][i]]; if (cas.count("#")==1 && cas.count(str)==2){ $(`#${(3*cas.indexOf("#"))+i+1}`).trigger("click"); return false; } } var case1 = [game[0][0], game[1][1], game[2][2]]; var case2 = [game[0][2], game[1][1], game[2][0]]; if (case1.count("#")==1 && case1.count(str)==2){ $(`#${1+(4*case1.indexOf("#"))}`).trigger("click"); return false; } else if (case2.count("#")==1 && case2.count(str)==2){ $(`#${3+(2*case2.indexOf("#"))}`).trigger("click"); return false; } return true; } /*---------Think like a pro----------*/ function Ai(mode){ if (mode=="Easy"){ let rand = Math.floor((Math.random()*9))+1; while (Boolean($("#"+rand).text())){ rand = Math.floor((Math.random()*9))+1; } $("#"+rand).trigger("click"); } else { let huh=true; /*-------Win if there is scope-------*/ huh = makeMove("O"); /*-------Prevent from winning--------*/ if (huh){ huh = makeMove("X"); } /*------Make an intelligent move-----*/ if (huh){ if ($("#5").text() === ""){ $("#5").trigger("click"); huh = false; } } if (huh){ let perms = [[0, 1, 2], [0, 2, 1], [1, 0, 2], [1, 2, 0], [2, 0, 1], [2, 1, 0]]; let perm = perms[Math.floor(Math.random()*6)]; for (let i of perm){ if (game[i].count("X")===0){ let rand = [0, 2][Math.floor(Math.random()*2)]; while (game[i][rand] != "#"){ rand = [0, 2][Math.floor(Math.random()*2)]; } $(`#${(3*i)+rand+1}`).trigger("click"); huh = !huh; break; } let cas = [game[0][i], game[1][i], game[2][i]]; if (cas.count("X") == "O"){ let rand = Math.floor(Math.random()*3); while (game[rand][i] != "#"){ rand = Math.floor(Math.random()*3); } $(`#${(3*rand)+i+1}`).trigger("click"); huh = !huh; break; } } if (huh){ let case1 = [game[0][0], game[1][1], game[2][2]]; let case2 = [game[0][2], game[1][1], game[2][0]]; if (case1.count("X") == case2.count("X") && case1.count("X") === 0){ let cases = [case1, case2]; let ran = Math.floor(Math.random()*2); let rand = Math.floor(Math.random()*2); while (cases[ran][rand] != "#"){ rand = Math.floor(Math.random()*2); } if (ran == 0){ $(`#${1+(4*rand)}`).trigger("click"); } else { $(`#${3+(2*rand)}`).trigger("click"); } huh = !huh; } else if (case1.count("X") == 0){ let rand = Math.floor(Math.random()*2); while (case1[rand] != "#"){ rand = Math.floor(Math.random()*2); } $(`#${1+(4*rand)}`).trigger("click"); } else if (case2.count("X") == 0){ let rand = Math.floor(Math.random()*2); while (case2[rand] != "#"){ rand = Math.floor(Math.random()*2); } $(`#${3+(2*rand)}`).trigger("click"); } else { Ai("Easy"); } } } } } /*+-+-+-+-+--+-+-+-+-+-+-+-+-+-+-+--+*/ $(function(){ $("#navigator").css({ "right": `${((parseInt($(".page").css("width"))+parseInt($("#reset").css("right"))+parseInt($("#reset").outerWidth())+10)/2)-($("#navigator").outerWidth()/2)}px`, "bottom": `${parseFloat($("#reset").css("bottom"))-14}px`}) var left = 0; var top = 0, id = 1, style, x = "px"; for (let i=0; i<3; i++){ left = 0; for (let j=0; j<3; j++){ if (id%3!=0 && id<7){ style = "border-right: 2px solid white; border-bottom: 2px solid white"; } else if(id%3!=0){ style = "border-right: 2px solid white;"; } else if (id < 7){ style = "border-bottom: 2px solid white"; } else { style= "" } if (left==0){ x = "%";} else { x = "px";} $(".block").html($(".block").html() + `

`) left += parseFloat($(".cell").css("width"))+20; id++; $(".cell-child").text(""); } top += parseFloat($(".cell").css("height"))+20; } var prev = "2 Player Mode"; var turn = true, top, left, ai=true; $("#reset").on("click", function(){ $('.cell-child').text(""); $("svg").html(""); turn = true; ai = true; still = true; $(".cell").on("click", function(event){ clicked(event); }) }); $('.block').on("click", function(){ $('#navigator').css('bottom', `${parseFloat($("#reset").css("bottom"))-14}px`); $("#list").css("max-height", "0"); }) function clicked(event){ if ($("#"+event.target.id).text() != "X" && $("#"+event.target.id).text() != "O" && still){ $("#"+event.target.id).children().eq(0).text(turn?"X":"O"); top = $("#"+event.target.id).position().top; left = $("#"+event.target.id).position().left; turn = !turn; for (let i=0; i<3; i++){ for (let j=0; j<3; j++){ game[i][j] = $("#"+((i*3)+j+1)).text() || "#"; } } validate(turn, top, left); if ($("span").text()!="2 Player Mode"){ai = !ai;} if (!ai && still) Ai($("span").text()); } } $(document).ready(function(){ alert(` Just a few instructions here: 1. If the grid looks deformed, I can surely say that your keyboard was on before you ran the code. Just run the code again and everything will be fine. 2. You can change the mode by clicking the mode button. 3. The menu that opens on clicking the Mode button is not as I expected. So you have to click anywhere outside the menu to close it. 4. You can click on reset to start over again. Hope you enjoy. Open for sugesstions always.`) }) $(".cell").on("click", function(event){ clicked(event) }) })

AI Tic Tac Toe