//Ive only been learning JavaScript for a week or so, so there's lots to improve on :) // var Xturn = 1; var Line1 = new Array ("0","0","0"); var Line2 = new Array ("0","0","0"); var Line3 = new Array ("0","0","0"); window.onload = function() { var View = document.getElementById("turnViewer"); View.innerHTML = "X"; var BoxView = document.getElementById("boxViewer"); var table = document.getElementById("Board"); function updateTurn(x){ View.innerHTML = x; } function Win(){ if(Line1[0]==1 && Line1[1]==1 && Line1[2]==1){ alert("X wins"); reload() } else if(Line2[0]==1 && Line2[1]==1 && Line2[2]==1){ alert("X wins"); reload() } else if(Line3[0]==1 && Line3[1]==1 && Line3[2]==1){ alert("X wins"); reload() } else if(Line1[0]==1 && Line2[0]==1 && Line3[0]==1){ alert("X wins"); reload() } else if(Line1[1]==1 && Line2[1]==1 && Line3[1]==1){ alert("X wins"); reload() } else if(Line1[2]==1 && Line2[2]==1 && Line3[2]==1){ alert("X wins"); reload() } else if(Line1[0]==1 && Line2[1]==1 && Line3[2]==1){ alert("X wins"); reload() } else if(Line1[2]==1 && Line2[1]==1 && Line3[0]==1){ alert("X wins"); reload() } else if(Line1[0]==2 && Line1[1]==2 && Line1[2]==2){ alert("O wins"); reload() } else if(Line2[0]==2 && Line2[1]==2 && Line2[2]==2){ alert("O wins"); reload() } else if(Line3[0]==2 && Line3[1]==2 && Line3[2]==2){ alert("O wins"); reload() } else if(Line1[0]==2 && Line2[0]==2 && Line3[0]==2){ alert("O wins"); reload() } else if(Line1[1]==2 && Line2[1]==2 && Line3[1]==2){ alert("O wins"); reload() } else if(Line1[2]==2 && Line2[2]==2 && Line3[2]==2){ alert("O wins"); reload() } else if(Line1[0]==2 && Line2[1]==2 && Line3[2]==2){ alert("O wins"); reload() } else if(Line1[2]==2 && Line2[1]==2 && Line3[0]==2){ alert("O wins"); reload() } else if(Line1[2]>0 && Line1[1]>0 && Line1[0]>0 && Line2[2]>0 && Line2[1]>0 && Line2[0]>0 && Line3[2]>0 && Line3[1]>0 && Line3[0]>0){ alert("Draw"); reload() } } function reload(){ Line1[0]=0;Line1[1]=0;Line1[2]=0; Line2[0]=0;Line2[1]=0;Line2[2]=0; Line3[0]=0;Line3[1]=0;Line3[2]=0; a.innerHTML = ""; b.innerHTML = ""; c.innerHTML = ""; d.innerHTML = ""; e.innerHTML = ""; f.innerHTML = ""; g.innerHTML = ""; h.innerHTML = ""; i.innerHTML = ""; View.innerHTML = "X"; } var a = document.getElementById("square1"); a.onclick = function () { if (Xturn>0 && Line1[0]<1){ a.innerHTML = "X"; updateTurn('O'); --Xturn; Line1[0]++; Win(); } else if (Line1[0]<1){ a.innerHTML = "O"; updateTurn("X"); ++Xturn; Line1[0]=2; Win(); } }; var b = document.getElementById("square2"); b.onclick = function () { if (Xturn>0 && Line1[1]<1){ b.innerHTML = "X"; updateTurn("O"); Xturn--; Line1[1]++; Win(); } else if (Line1[1]<1){ b.innerHTML = "O"; updateTurn("X"); Xturn++; Line1[1]=2; Win(); } }; var c = document.getElementById("square3"); c.onclick = function () { if (Xturn>0 && Line1[2]<1){ c.innerHTML = "X"; updateTurn("O"); Xturn--; Line1[2]++; Win(); } else if(Line1[2]<1){ c.innerHTML = "O"; updateTurn("X"); Xturn++; Line1[2]=2; Win(); } }; var d = document.getElementById("square4"); d.onclick = function () { if (Xturn>0 && Line2[0]<1){ d.innerHTML = "X"; updateTurn("O"); Xturn--; Line2[0]++; Win(); } else if(Line2[0]<1){ d.innerHTML = "O"; updateTurn("X"); Xturn++; Line2[0]=2; Win(); } }; var e = document.getElementById("square5"); e.onclick = function () { if (Xturn>0 && Line2[1]<1){ e.innerHTML = "X"; updateTurn("O"); Xturn--; Line2[1]++; Win(); } else if(Line2[1]<1){ e.innerHTML = "O"; updateTurn("X"); Xturn++; Line2[1]=2; Win(); } }; var f = document.getElementById("square6"); f.onclick = function () { if (Xturn>0 && Line2[2]<1){ f.innerHTML = "X"; updateTurn("O"); Xturn--; Line2[2]++; Win(); } else if(Line2[2]<1){ f.innerHTML = "O"; updateTurn("X"); Xturn++; Line2[2]=2; Win(); } }; var g = document.getElementById("square7"); g.onclick = function () { if (Xturn>0 && Line3[0]<1){ g.innerHTML = "X"; updateTurn("O"); Xturn--; Line3[0]++; Win(); } else if(Line3[0]<1){ g.innerHTML = "O"; updateTurn("X"); Xturn++; Line3[0]=2; Win(); } } var h = document.getElementById("square8"); h.onclick = function () { if (Xturn>0 && Line3[1]<1){ h.innerHTML = "X"; updateTurn("O"); Xturn--; Line3[1]++; Win(); } else if(Line3[1]<1){ h.innerHTML = "O"; updateTurn("X"); Xturn++; Line3[1]=2; Win(); } } var i = document.getElementById("square9"); i.onclick = function () { if (Xturn>0 && Line3[2]<1){ i.innerHTML = "X"; updateTurn("O"); Xturn--; Line3[2]++; Win(); } else if(Line3[2]<1){ i.innerHTML = "O"; updateTurn("X"); Xturn++; Line3[2]=2; Win(); } } var j = document.getElementById('Board'); }

Noughts and Crosses