Hello again and yes I managed to "unfreeze" the game that way. My hypothesis would be: is it able to create an invincible AI? And I would list the procedure on how i made my Javascript game. I would explain every part of it. (when it works of course). And Here is my Javascript code where I can actually make the first move and the AI cant respound. As you can see I have re written the code somewhat.
<SCRIPT TYPE="TEXT/JAVASCRIPT">
var computerTurn = false;
var gameOver = false;
var numMoves = 0;
function squareclicked(square)
// squareclicked is a function that is called whenever a button is clicked.
{
var status = document.getElementById('status');
var value = square.value;
if(gameOver)
{
computerTurn = false;
alert("This game is OVER!!");
return;
}
if(value != 'X' && value != 'O')
{
if(xTurn)
{
numMoves++;
square.value = 'X';
xTurn = false;
status.innerHTML = 'O\'s turn';
}
if(computerTurn)
{
makeComputerMove();
}
}
else
alert('That square has already been played.');
var winner = checkWin();
if(!winner)
{
//check to see if there is a tie
if(numMoves == 9)
status.innerHTML = 'Tie Game!';
}
else
gameOver = true;
}
function newgame()
{
var status = document.getElementById('status')
xTurn = true;
status.innerHTML = 'X\'s turn';
for(var x = 0; x < 3; x++)
{
for(var y = 0; y < 3; y++)
{
document.getElementById(x + '_' + y).value = ' ';
gameOver = false;
numMoves = 0;
}
}
}
function makeComputerMove()
// For ai move
{
computerTurn = false;
computerTurn = !computerTurn
var sq0;
var sq1;
var sq2;
box1 = 3;
box2 = 2;
box3 = 3;
box4 = 2;
box5 = 4;
box6 = 2;
box7 = 3;
box8 = 2;
box9 = 3;
//TOP <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
sq0 = document.getElementById('0_0').value;
sq1 = document.getElementById('1_0').value;
sq2 = document.getElementById('2_0').value;
if(sq0 == 'X' && sq1 == 'X' && sq2 == ' ')
{
box3 = box3 + 5
}
sq0 = document.getElementById('0_0').value;
sq1 = document.getElementById('1_0').value;
sq2 = document.getElementById('2_0').value;
if(sq0 == 'X' && sq1 == ' ' && sq2 == 'X')
{
box2 = box2 + 5
}
sq0 = document.getElementById('0_0').value;
sq1 = document.getElementById('1_0').value;
sq2 = document.getElementById('2_0').value;
if(sq0 == ' ' && sq1 == 'X' && sq2 == 'X')
{
box1 = box1 + 5
}
sq0 = document.getElementById('0_0').value;
sq1 = document.getElementById('1_0').value;
sq2 = document.getElementById('2_0').value;
if(sq0 == 'O' && sq1 == 'O' && sq2 == ' ')
{
box3 = box3 + 10
}
sq0 = document.getElementById('0_0').value;
sq1 = document.getElementById('1_0').value;
sq2 = document.getElementById('2_0').value;
if(sq0 == 'O' && sq1 == ' ' && sq2 == 'O')
{
box2 = box2 + 10
}
sq0 = document.getElementById('0_0').value;
sq1 = document.getElementById('1_0').value;
sq2 = document.getElementById('2_0').value;
if(sq0 == ' ' && sq1 == 'O' && sq2 == 'O')
{
box1 = box1 + 10
}
//MIDDLE ROW <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
sq0 = document.getElementById('0_1').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('2_1').value;
if(sq0 == 'X' && sq1 == 'X' && sq2 == ' ')
{
box6 = box6 + 5
}
sq0 = document.getElementById('0_1').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('2_1').value;
if(sq0 == 'X' && sq1 == ' ' && sq2 == 'X')
{
box5 = box5 + 5
}
sq0 = document.getElementById('0_1').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('2_1').value;
if(sq0 == ' ' && sq1 == 'X' && sq2 == 'X')
{
box4 = box4 + 5
}
sq0 = document.getElementById('0_1').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('2_1').value;
if(sq0 == 'O' && sq1 == 'O' && sq2 == ' ')
{
box6 = box6 + 10
}
sq0 = document.getElementById('0_1').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('2_1').value;
if(sq0 == 'O' && sq1 == ' ' && sq2 == 'O')
{
box5 = box5 + 10
}
sq0 = document.getElementById('0_1').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('2_1').value;
if(sq0 == ' ' && sq1 == 'O' && sq2 == 'O')
{
box4 = box4 + 10
}
//MIDDLE ROW <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
sq0 = document.getElementById('0_2').value;
sq1 = document.getElementById('1_2').value;
sq2 = document.getElementById('2_2').value;
if(sq0 == 'X' && sq1 == 'X' && sq2 == ' ')
{
box9 = box9 + 5
}
sq0 = document.getElementById('0_2').value;
sq1 = document.getElementById('1_2').value;
sq2 = document.getElementById('2_2').value;
if(sq0 == 'X' && sq1 == ' ' && sq2 == 'X')
{
box8 = box8 + 5
}
sq0 = document.getElementById('0_2').value;
sq1 = document.getElementById('1_2').value;
sq2 = document.getElementById('2_2').value;
if(sq0 == ' ' && sq1 == 'X' && sq2 == 'X')
{
box7 = box7 + 5
}
sq0 = document.getElementById('0_2').value;
sq1 = document.getElementById('1_2').value;
sq2 = document.getElementById('2_2').value;
if(sq0 == 'O' && sq1 == 'O' && sq2 == ' ')
{
box9 = box9 + 10
}
sq0 = document.getElementById('0_2').value;
sq1 = document.getElementById('1_2').value;
sq2 = document.getElementById('2_2').value;
if(sq0 == 'O' && sq1 == ' ' && sq2 == 'O')
{
box8 = box8 + 10
}
sq0 = document.getElementById('0_2').value;
sq1 = document.getElementById('1_2').value;
sq2 = document.getElementById('2_2').value;
if(sq0 == ' ' && sq1 == 'O' && sq2 == 'O')
{
box7 = box7 + 10
}
//LEFT COLUMN <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
sq0 = document.getElementById('0_0').value;
sq1 = document.getElementById('0_1').value;
sq2 = document.getElementById('0_2').value;
if(sq0 == 'X' && sq1 == 'X' && sq2 == ' ')
{
box7 = box7 + 5
}
sq0 = document.getElementById('0_0').value;
sq1 = document.getElementById('0_1').value;
sq2 = document.getElementById('0_2').value;
if(sq0 == 'X' && sq1 == ' ' && sq2 == 'X')
{
box4 = box4 + 5
}
sq0 = document.getElementById('0_0').value;
sq1 = document.getElementById('0_1').value;
sq2 = document.getElementById('0_2').value;
if(sq0 == ' ' && sq1 == 'X' && sq2 == 'X')
{
box1 = box1 + 5
}
sq0 = document.getElementById('0_0').value;
sq1 = document.getElementById('0_1').value;
sq2 = document.getElementById('0_2').value;
if(sq0 == 'O' && sq1 == 'O' && sq2 == ' ')
{
box7 = box7 + 10
}
sq0 = document.getElementById('0_0').value;
sq1 = document.getElementById('0_1').value;
sq2 = document.getElementById('0_2').value;
if(sq0 == 'O' && sq1 == ' ' && sq2 == 'O')
{
box4 = box4 + 10
}
sq0 = document.getElementById('0_0').value;
sq1 = document.getElementById('0_1').value;
sq2 = document.getElementById('0_2').value;
if(sq0 == ' ' && sq1 == 'O' && sq2 == 'O')
{
box1 = box1 + 10
}
//MIDDLE COLUMN <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
sq0 = document.getElementById('1_0').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('1_2').value;
if(sq0 == 'X' && sq1 == 'X' && sq2 == ' ')
{
box8 = box8 + 5
}
sq0 = document.getElementById('1_0').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('1_2').value;
if(sq0 == 'X' && sq1 == ' ' && sq2 == 'X')
{
box5 = box5 + 5
}
sq0 = document.getElementById('1_0').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('1_2').value;
if(sq0 == ' ' && sq1 == 'X' && sq2 == 'X')
{
box2 = box2 + 5
}
sq0 = document.getElementById('1_0').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('1_2').value;
if(sq0 == 'O' && sq1 == 'O' && sq2 == ' ')
{
box8 = box8 + 10
}
sq0 = document.getElementById('1_0').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('1_2').value;
if(sq0 == 'O' && sq1 == ' ' && sq2 == 'O')
{
box5 = box5 + 10
}
sq0 = document.getElementById('1_0').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('1_2').value;
if(sq0 == ' ' && sq1 == 'O' && sq2 == 'O')
{
box2 = box2 + 10
}
//RIGHT COLUMN <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
sq0 = document.getElementById('2_0').value;
sq1 = document.getElementById('2_1').value;
sq2 = document.getElementById('2_2').value;
if(sq0 == 'X' && sq1 == 'X' && sq2 == ' ')
{
box9 = box9 + 5
}
sq0 = document.getElementById('2_0').value;
sq1 = document.getElementById('2_1').value;
sq2 = document.getElementById('2_2').value;
if(sq0 == 'X' && sq1 == ' ' && sq2 == 'X')
{
box6 = box6 + 5
}
sq0 = document.getElementById('2_0').value;
sq1 = document.getElementById('2_1').value;
sq2 = document.getElementById('2_2').value;
if(sq0 == ' ' && sq1 == 'X' && sq2 == 'X')
{
box3 = box3 + 5
}
sq0 = document.getElementById('2_0').value;
sq1 = document.getElementById('2_1').value;
sq2 = document.getElementById('2_2').value;
if(sq0 == 'O' && sq1 == 'O' && sq2 == ' ')
{
box9 = box9 + 10
}
sq0 = document.getElementById('2_0').value;
sq1 = document.getElementById('2_1').value;
sq2 = document.getElementById('2_2').value;
if(sq0 == 'O' && sq1 == ' ' && sq2 == 'O')
{
box6 = box6 + 10
}
sq0 = document.getElementById('2_0').value;
sq1 = document.getElementById('2_1').value;
sq2 = document.getElementById('2_2').value;
if(sq0 == ' ' && sq1 == 'O' && sq2 == 'O')
{
box3 = box3 + 10
}
//TOP LEFT DIAGONAL <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
sq0 = document.getElementById('0_0').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('2_2').value;
if(sq0 == 'X' && sq1 == 'X' && sq2 == ' ')
{
box9 = box9 + 5
}
sq0 = document.getElementById('0_0').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('2_2').value;
if(sq0 == 'X' && sq1 == ' ' && sq2 == 'X')
{
box5 = box5 + 5
}
sq0 = document.getElementById('0_0').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('2_2').value;
if(sq0 == ' ' && sq1 == 'X' && sq2 == 'X')
{
box1 = box1 + 5
}
sq0 = document.getElementById('0_0').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('2_2').value;
if(sq0 == 'O' && sq1 == 'O' && sq2 == ' ')
{
box9 = box9 + 10
}
sq0 = document.getElementById('0_0').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('2_2').value;
if(sq0 == 'O' && sq1 == ' ' && sq2 == 'O')
{
box5 = box5 + 10
}
sq0 = document.getElementById('0_0').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('2_2').value;
if(sq0 == ' ' && sq1 == 'O' && sq2 == 'O')
{
box1 = box1 + 10
}
//TOP RIGHT DIAGONAL <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
sq0 = document.getElementById('0_2').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('2_0').value;
if(sq0 == 'X' && sq1 == 'X' && sq2 == ' ')
{
box7 = box7 + 5
}
sq0 = document.getElementById('0_2').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('2_0').value;
if(sq0 == 'X' && sq1 == ' ' && sq2 == 'X')
{
box5 = box5 + 5
}
sq0 = document.getElementById('0_2').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('2_0').value;
if(sq0 == ' ' && sq1 == 'X' && sq2 == 'X')
{
box3 = box3 + 5
}
sq0 = document.getElementById('0_2').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('2_0').value;
if(sq0 == 'O' && sq1 == 'O' && sq2 == ' ')
{
box7 = box7 + 10
}
sq0 = document.getElementById('0_2').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('2_0').value;
if(sq0 == 'O' && sq1 == ' ' && sq2 == 'O')
{
box5 = box5 + 10
}
sq0 = document.getElementById('0_2').value;
sq1 = document.getElementById('1_1').value;
sq2 = document.getElementById('2_0').value;
if(sq0 == ' ' && sq1 == 'O' && sq2 == 'O')
{
box3 = box3 + 10
}
if(box1>= box2 && box1 >= box3 && box1 >= box4 && box1 >= box5 && box1 >= box6 && box1 >= box7 && box1 >= box8 && box1 >= box9 && sq1 == ' ')
{
document.getElementById('0_0').value = 'O';
aiMove = !aiMove
numMoves++;
}
else if(box2 >= box1 && box2 >= box3 && box2 >= box4 && box2 >= box5 && box2 >= box6 && box2 >= box7 && box2 >= box8 && box2 >= box9 && sq2 == ' ')
{document.getElementById('1_0').value = 'O';
aiMove = !aiMove
numMoves++;
}
else if(box3 >= box1 && box3 >= box2 && box3 >= box4 && box3 >= box5 && box3 >= box6 && box3 >= box7 && box3 >= box8 && box3 >= box9 && sq3 == ' ')
{
document.getElementById('2_0').value = 'O';
aiMove = !aiMove
numMoves++;}
else if(box4 >= box1 && box4 >= box2 && box4 >= box3 && box4 >= box5 && box4 >= box6 && box4 >= box7 && box4 >= box8 && box4 >= box9 && sq4 == 'O')
{
document.getElementById('0_1').value = 'O';
aiMove = !aiMove
numMoves++;}
else if(box5 >= box1 && box5 >= box2 && box5 >= box3 && box5 >= box4 && box5 >= box6 && box5 >= box7 && box5 >= box8 && box5 >= box9 && sq5 == 'O')
{
document.getElementById('1_1').value = 'O';
aiMove = !aiMove
numMoves++;}
else if(box6 >= box1 && box6 >= box2 && box6 >= box3 && box6 >= box4 && box6 >= box5 && box6 >= box7 && box6 >= box8 && box6 >= box9 && sq6 == 'O')
{
document.getElementById('2_1').value = 'O';
aiMove = !aiMove
numMoves++;}
else if(box7 >= box1 && box7 >= box2 && box7 >= box3 && box7 >= box4 && box7 >= box5 && box7 >= box6 && box7 >= box8 && box7 >= box9 && sq7 == 'O')
{
document.getElementById('0_2').value = 'O';
aiMove = !aiMove
numMoves++;}
else if(box8 >= box1 && box8 >= box2 && box8 >= box3 && box8 >= box4 && box8 >= box5 && box8 >= box6 && box8 >= box7 && box8 >= box9 && sq8 == 'O')
{
document.getElementById('1_2').value = 'O';
aiMove = !aiMove
nuMoves++;}
else if(box9 >= box1 && box9 >= box2 && box9 >= box3 && box9 >= box4 && box9 >= box5 && box9 >= box6 && box9 >= box7 && box9 >= box8 && sq9 == 'O')
{
document.getElementById('2_2').value = 'O';
aiMove = !aiMove
numMoves++;}
}
function checkWin()
{
var status = document.getElementById('status');
var val0;
var val1;
var val2;
// check columns
for(var y = 0; y < 3; y++)
{
val0 = document.getElementById('0_'+y).value;
val1 = document.getElementById('1_'+y).value;
val2 = document.getElementById('2_'+y).value;
if(val0 == 'X' && val1 == 'X' && val2 == 'X')
{
status.innerHTML = "X WINS!";
return true;
}
else if(val0 == 'O' && val1 == 'O' && val2 == 'O')
{
status.innerHTML = "O WINS!";
return true;
}
}
// check rows
for(var x = 0; x < 3; x++)
{
val0 = document.getElementById(x + '_0').value;
val1 = document.getElementById(x + '_1').value;
val2 = document.getElementById(x + '_2').value;
if(val0 == 'X' && val1 == 'X' && val2 == 'X')
{
status.innerHTML = "X WINS!";
return true;
}
else if(val0 == 'O' && val1 == 'O' && val2 == 'O')
{
status.innerHTML = "O WINS!";
return true;
}
}
// check top left to lower right diagonal
val0 = document.getElementById('0_0').value;
val1 = document.getElementById('1_1').value;
val2 = document.getElementById('2_2').value;
if(val0 == 'X' && val1 == 'X' && val2 == 'X')
{
status.innerHTML = "X WINS!";
return true;
}
else if(val0 == 'O' && val1 == 'O' && val2 == 'O')
{
status.innerHTML = "O WINS!";
return true;
}
// check lower left to top right diagonal
val0 = document.getElementById('2_0').value;
val1 = document.getElementById('1_1').value;
val2 = document.getElementById('0_2').value;
if(val0 == 'X' && val1 == 'X' && val2 == 'X')
{
status.innerHTML = "X WINS!";
return true;
}
else if(val0 == 'O' && val1 == 'O' && val2 == 'O')
{
status.innerHTML = "O WINS!";
return true;
}
// no winner yet return false;
}
</script>
<INPUT TYPE="BUTTON" ID="NEWGAME" VALUE="New Game" ONCLICK="newgame();">
<br>
<input type="button" id="0_0" style=" width = 100; height = 100;" value=" " onClick="squareclicked(this)">
<input type="button" id="1_0" style=" width = 100; height = 100;" value=" " onClick="squareclicked(this)">
<input type="button" id="2_0" style=" width = 100; height = 100;" value=" " onClick="squareclicked(this)">
<br>
<input type="button" id="0_1" style=" width = 100; height = 100;" value=" " onClick="squareclicked(this)">
<input type="button" id="1_1" style=" width = 100; height = 100;" value=" " onClick="squareclicked(this)">
<input type="button" id="2_1" style=" width = 100; height = 100;" value=" " onClick="squareclicked(this)">
<br>
<input type="button" id="0_2" style=" width = 100; height = 100;" value=" " onClick="squareclicked(this)">
<input type="button" id="1_2" style=" width = 100; height = 100;" value=" " onClick="squareclicked(this)">
<input type="button" id="2_2" style=" width = 100; height = 100;" value=" " onClick="squareclicked(this)">
<br>
<P ID="status">X's turn</P>
