10 Replies - 8790 Views - Last Post: 24 October 2012 - 06:12 PM

#1 softerthanstarlight  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 19-October 12

Creating a simple tic tac toe game in javascript

Posted 19 October 2012 - 12:38 PM

I'm in a Web Based Applications class at my university and we have to design a very simple two person tic tac toe game. I've always struggled with coding and this assignment is proving to be very challenging. I've been able to write the code to get the 9 buttons to alternate between X and O and the error if a button already occupied is clicked, but I am struggling to write the code to check for a winner. Any insight into how to do this would be much appreciated. I've attached the code I have so far.
if (checkWin()) { 
// alert the user that he/she won 
 if (symbol == "X" ) { 
 // increment the xCount by one 
// display the xCount in the appropriate box 
 } 
 else { 
 // increment the oCount by one 
// display the oCount in the appropriate box 
 } 
replayGame();  //resets the game 
return; 
} 
else if (numMoves == 9)  { 
// alert that the game is tied. 
// increment the xTie by one 
// display the xTie in the appropriate box 
 replayGame(); // resets the game 
 return 
}  
else { 
// change the symbol from X to O or O to X for the next player 
changeSymbol(); 
 return; 
} 


Just realized I copy and pasted the wrong code. Is there an edit post feature that I'm not finding?
<html>
<head>
<title>jex8</title>
<style type="text/css">
	input.btn {
		background-color: maroon;
		color: gold;
		font-size: 1in;
		font-family: "Courier New", "Courier";
		font-weight: bold;
		width: 2in;
		height: 2in;
	}
</style>
<script type="text/javascript">
var cell;
var symbol = "X";
function markbox(cell) {
	if (cell.value == ""){
	        cell.value = symbol;
	        
	     
 		if (symbol == "X")
			symbol = "O";
	        else
  			symbol = "X";
     	}
	else {
			alert("This square is occupied");
		}
 	}

function changeSymbol() { 
 if (symbol== "X") { 
 // change the symbol to "O" 
 } 
 else { 
 // change the symbol to "X" 
 }  
} 
if (checkWin()) { 
	alert ("You win!")
} 
else { 
// change the symbol from X to O or O to X for the next player 
 changeSymbol(); 
 return; 
} 

function checkWin() { 
 with (document.simpleForm) { 
	if ((b1.value == symbol) && (b2.value==symbol) && (b3.value == symbol))  
		return true 
		 
	if ((b4.value == symbol) && (b5.value==symbol) && (b6.value == symbol))
		return true
		
	if ((b7.value == symbol) && (b8.value==symbol) && (b9.value == symbol))
		return true
		
	if ((b1.value == symbol) && (b4.value==symbol) && (b7.value == symbol))  
		return true  
	
	if ((b2.value == symbol) && (b5.value==symbol) && (b8.value == symbol))
		return true
		
	if ((b3.value == symbol) && (b6.value==symbol) && (b9.value == symbol))
		return true

	if ((b1.value == symbol) && (b5.value==symbol) && (b9.value == symbol))
		return true
		
	if ((b3.value == symbol) && (b5.value==symbol) && (b7.value == symbol))
		return true
}
return false; 

if (checkWin()) { 
// alert the user that he/she won 
 if (symbol == "X" ) { 
 // increment the xCount by one 
// display the xCount in the appropriate box 
 } 
 else { 
 // increment the oCount by one 
// display the oCount in the appropriate box 
 } 
replayGame();  //resets the game 
return; 
} 
else if (numMoves == 9)  { 
// alert that the game is tied. 
// increment the xTie by one 
// display the xTie in the appropriate box 
 replayGame(); // resets the game 
 return 
}  
else { 
// change the symbol from X to O or O to X for the next player 
changeSymbol(); 
 return; 
}  
} 

function clearBtn() {
	status = "X"
	with (document.simpleForm) {
		b1.value="";
		b2.value="";
		b3.value="";
		b4.value="";
		b5.value="";
		b6.value="";
		b7.value="";
		b8.value="";
		b9.value="";
		
	}
 }
</script>
</HEAD>

<body >

<FORM name=simpleForm>

<input class="btn" type="button" name="b1" value="" onclick="markbox(this)">
<input class="btn" type="button" name="b2" value="" onclick="markbox(this)">
<input class="btn" type="button" name="b3" value="" onclick="markbox(this)">
<br/> 
<input class="btn" type="button" name="b4" value="" onclick="markbox(this)">
<input class="btn" type="button" name="b5" value="" onclick="markbox(this)">
<input class="btn" type="button" name="b6" value="" onclick="markbox(this)">
<br/>
<input class="btn" type="button" name="b7" value="" onclick="markbox(this)">
<input class="btn" type="button" name="b8" value="" onclick="markbox(this)">
<input class="btn" type="button" name="b9" value="" onclick="markbox(this)">
<br/>
<br/>


<FORM name=secondForm>
Current Move: <input type="text" name="currentmove" value="" size=5> </br>
<INPUT type="reset" value="Play Again" onclick="clearBtn()">
</br>
</BR>
Score: X <input type="text" name="xscore" value="" size=3> 
O <input type="text" name="oscore" value="" size=3>
TIE <input type="text" name="tiegame" value="" size=3></br>
<INPUT type="reset" value="RESET SCORE AND GAME" onclick="clearBtn()">
</br>


</BODY>

</html>


Is This A Good Question/Topic? 0
  • +

Replies To: Creating a simple tic tac toe game in javascript

#2 modi123_1  Icon User is offline

  • Suitor #2
  • member icon



Reputation: 9579
  • View blog
  • Posts: 36,293
  • Joined: 12-June 08

Re: Creating a simple tic tac toe game in javascript

Posted 19 October 2012 - 12:52 PM

Quote

Just realized I copy and pasted the wrong code. Is there an edit post feature that I'm not finding?

There's a certain threshold before it is made available... too many one hit posters flying in, getting help or homework done, and deleting the original post..
Was This Post Helpful? 0
  • +
  • -

#3 softerthanstarlight  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 19-October 12

Re: Creating a simple tic tac toe game in javascript

Posted 19 October 2012 - 01:05 PM

View Postmodi123_1, on 19 October 2012 - 12:52 PM, said:

Quote

Just realized I copy and pasted the wrong code. Is there an edit post feature that I'm not finding?

There's a certain threshold before it is made available... too many one hit posters flying in, getting help or homework done, and deleting the original post..

I see.
Was This Post Helpful? 0
  • +
  • -

#4 Dormilich  Icon User is offline

  • 痛覚残留
  • member icon

Reputation: 3577
  • View blog
  • Posts: 10,442
  • Joined: 08-June 10

Re: Creating a simple tic tac toe game in javascript

Posted 20 October 2012 - 02:12 PM

Quote

but I am struggling to write the code to check for a winner. Any insight into how to do this would be much appreciated.

one possibility is by using classes. give each row/column/slant that is a (possible) winning combination a class name (good that an element can have more than one class name, right?) and then test, whether each class (resp. the elements therein) contain 3 same characters (Array.some() and Array.filter() may be of help here).

another route is to get all elements of either X or O and check for a suitable characteristic (with the occurrence of 3). that could be classes (like above) or certain indices (e.g. via name or id). (Array.filter() comes in handy here).
Was This Post Helpful? 0
  • +
  • -

#5 softerthanstarlight  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 19-October 12

Re: Creating a simple tic tac toe game in javascript

Posted 21 October 2012 - 10:31 AM

I added all the possible winning scenarios and was able to get an alert, but now it pops up at random times. Any idea as to why this might be happening? Is it because after the checkWin() function inside markbox(cell) there isn't any code?
<html>
<head>
<title>jex8</title>
<style type="text/css">
	input.btn {
		background-color: maroon;
		color: gold;
		font-size: .5in;
		font-family: "Courier New", "Courier";
		font-weight: bold;
		width: 1in;
		height: 1in;
	}
</style>
<script type="text/javascript">
var cell;
var symbol = "X";
function markbox(cell) {
	if (cell.value == ""){
	        cell.value = symbol;
	        
	     
 		if (symbol == "X")
			symbol = "O";
	        else
  			symbol = "X";
     	}
	else {
			alert("This square is occupied");
		}
	if (checkWin()){
			alert ("You win!")
			return;
	}
	else {
		CODE
	}
}

function checkWin(){
	with (document.simpleForm) { 
		if ((b1.value == symbol) && (b2.value==symbol) && (b3.value == symbol))  
			alert("You win!")
		if ((b4.value == symbol) && (b5.value==symbol) && (b6.value == symbol))  
			alert("You win!")
		if ((b7.value == symbol) && (b8.value==symbol) && (b9.value == symbol))  
			alert("You win!")
		if ((b1.value == symbol) && (b4.value==symbol) && (b7.value == symbol))  
			alert("You win!")
		if ((b2.value == symbol) && (b5.value==symbol) && (b8.value == symbol))  
			alert("You win!")
		if ((b3.value == symbol) && (b6.value==symbol) && (b9.value == symbol))  
			alert("You win!")
		if ((b1.value == symbol) && (b5.value==symbol) && (b9.value == symbol))  
			alert("You win!")
		if ((b3.value == symbol) && (b5.value==symbol) && (b7.value == symbol))  
			alert("You win!")		
			
}
}
function clearBtn() {
	status = "X"
	with (document.simpleForm) {
		b1.value="";
		b2.value="";
		b3.value="";
		b4.value="";
		b5.value="";
		b6.value="";
		b7.value="";
		b8.value="";
		b9.value="";
		
	}
 }
</script>
</HEAD>

<body >

<FORM name=simpleForm>

<input class="btn" type="button" name="b1" value="" onclick="markbox(this)">
<input class="btn" type="button" name="b2" value="" onclick="markbox(this)">
<input class="btn" type="button" name="b3" value="" onclick="markbox(this)">
<br/> 
<input class="btn" type="button" name="b4" value="" onclick="markbox(this)">
<input class="btn" type="button" name="b5" value="" onclick="markbox(this)">
<input class="btn" type="button" name="b6" value="" onclick="markbox(this)">
<br/>
<input class="btn" type="button" name="b7" value="" onclick="markbox(this)">
<input class="btn" type="button" name="b8" value="" onclick="markbox(this)">
<input class="btn" type="button" name="b9" value="" onclick="markbox(this)">
<br/>
<br/>


<FORM name=secondForm>
Current Move: <input type="text" name="currentmove" value="" size=5> </br>
<INPUT type="reset" value="Play Again" onclick="clearBtn()">
</br>
</BR>
Score: X <input type="text" name="xscore" value="" size=3> 
O <input type="text" name="oscore" value="" size=3>
TIE <input type="text" name="tiegame" value="" size=3></br>
<INPUT type="reset" value="RESET SCORE AND GAME" onclick"clearBtn()">
</br>


</BODY>

</html>

Shoot, forgot the 
. Sorry.

<html>
<head>
<title>jex8</title>
<style type="text/css">
	input.btn {
		background-color: maroon;
		color: gold;
		font-size: .5in;
		font-family: "Courier New", "Courier";
		font-weight: bold;
		width: 1in;
		height: 1in;
	}
</style>
<script type="text/javascript">
var cell;
var symbol = "X";
function markbox(cell) {
	if (cell.value == ""){
	        cell.value = symbol;
	        
	     
 		if (symbol == "X")
			symbol = "O";
	        else
  			symbol = "X";
     	}
	else {
			alert("This square is occupied");
		}
	if (checkWin()){
			alert ("You win!")
			return;
	}
	else {
		
	}
}

function checkWin(){
	with (document.simpleForm) { 
		if ((b1.value == symbol) && (b2.value==symbol) && (b3.value == symbol))  
			alert("You win!")
		if ((b4.value == symbol) && (b5.value==symbol) && (b6.value == symbol))  
			alert("You win!")
		if ((b7.value == symbol) && (b8.value==symbol) && (b9.value == symbol))  
			alert("You win!")
		if ((b1.value == symbol) && (b4.value==symbol) && (b7.value == symbol))  
			alert("You win!")
		if ((b2.value == symbol) && (b5.value==symbol) && (b8.value == symbol))  
			alert("You win!")
		if ((b3.value == symbol) && (b6.value==symbol) && (b9.value == symbol))  
			alert("You win!")
		if ((b1.value == symbol) && (b5.value==symbol) && (b9.value == symbol))  
			alert("You win!")
		if ((b3.value == symbol) && (b5.value==symbol) && (b7.value == symbol))  
			alert("You win!")		
			
}
}
function clearBtn() {
	status = "X"
	with (document.simpleForm) {
		b1.value="";
		b2.value="";
		b3.value="";
		b4.value="";
		b5.value="";
		b6.value="";
		b7.value="";
		b8.value="";
		b9.value="";
		
	}
 }
</script>
</HEAD>

<body >

<FORM name=simpleForm>

<input class="btn" type="button" name="b1" value="" onclick="markbox(this)">
<input class="btn" type="button" name="b2" value="" onclick="markbox(this)">
<input class="btn" type="button" name="b3" value="" onclick="markbox(this)">
<br/> 
<input class="btn" type="button" name="b4" value="" onclick="markbox(this)">
<input class="btn" type="button" name="b5" value="" onclick="markbox(this)">
<input class="btn" type="button" name="b6" value="" onclick="markbox(this)">
<br/>
<input class="btn" type="button" name="b7" value="" onclick="markbox(this)">
<input class="btn" type="button" name="b8" value="" onclick="markbox(this)">
<input class="btn" type="button" name="b9" value="" onclick="markbox(this)">
<br/>
<br/>


<FORM name=secondForm>
Current Move: <input type="text" name="currentmove" value="" size=5> </br>
<INPUT type="reset" value="Play Again" onclick="clearBtn()">
</br>
</BR>
Score: X <input type="text" name="xscore" value="" size=3> 
O <input type="text" name="oscore" value="" size=3>
TIE <input type="text" name="tiegame" value="" size=3></br>
<INPUT type="reset" value="RESET SCORE AND GAME" onclick"clearBtn()">
</br>


</BODY>

</html>

Was This Post Helpful? 0
  • +
  • -

#6 GetSet  Icon User is offline

  • D.I.C Head

Reputation: 5
  • View blog
  • Posts: 116
  • Joined: 08-February 11

Re: Creating a simple tic tac toe game in javascript

Posted 21 October 2012 - 07:25 PM

softerthanstarlight,

Of note, any syntax error in your code between a pair of script tags, in most browsers, will cause none of the javascript code (e.g. functions) to work. So as first debugging step, separate each of your functions into their own script tag pairs.

Of second note, in your checkWin() function, you are missing a semi-colon at the end of each of your alert calls, a syntax error. So I'm wondering how you have even gotten this far. In my experience, none of your Javascript should work due to these syntax errors, even when other functions have no syntax errors. Hence the debugging trick of separating your functions into their own script tags, at least until you have pinpointed the bug.

Your programming logic for checkWin() seems sound. I see that you are numbering your grid a follows
1 2 3
4 5 6
7 8 9

So your if calls on each possible combination are fully covered. But you did say this was a two player game? Where symbol is always "X" implies one player. Oh I see, you're alternating it back and forth on each new mark insert, clever. (whoever heard of one player tic-tac-toe, wouldnt even need a checkWin() in that case)

So in short, try out your code after you have rid it of all syntax errors, and see if that does the trick.

This post has been edited by GetSet: 21 October 2012 - 07:28 PM

Was This Post Helpful? 0
  • +
  • -

#7 Dormilich  Icon User is offline

  • 痛覚残留
  • member icon

Reputation: 3577
  • View blog
  • Posts: 10,442
  • Joined: 08-June 10

Re: Creating a simple tic tac toe game in javascript

Posted 21 October 2012 - 10:43 PM

Quote

Of second note, in your checkWin() function, you are missing a semi-colon at the end of each of your alert calls, a syntax error.

nope, not an error. Javascript has automatic semi-colon insertion (which at times can yield surprising results). hence you always should write them out, but you can get away without.
Was This Post Helpful? 1
  • +
  • -

#8 softerthanstarlight  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 19-October 12

Re: Creating a simple tic tac toe game in javascript

Posted 22 October 2012 - 04:40 PM

View PostGetSet, on 21 October 2012 - 07:25 PM, said:

softerthanstarlight,

Of note, any syntax error in your code between a pair of script tags, in most browsers, will cause none of the javascript code (e.g. functions) to work. So as first debugging step, separate each of your functions into their own script tag pairs.

Of second note, in your checkWin() function, you are missing a semi-colon at the end of each of your alert calls, a syntax error. So I'm wondering how you have even gotten this far. In my experience, none of your Javascript should work due to these syntax errors, even when other functions have no syntax errors. Hence the debugging trick of separating your functions into their own script tags, at least until you have pinpointed the bug.

Your programming logic for checkWin() seems sound. I see that you are numbering your grid a follows
1 2 3
4 5 6
7 8 9

So your if calls on each possible combination are fully covered. But you did say this was a two player game? Where symbol is always "X" implies one player. Oh I see, you're alternating it back and forth on each new mark insert, clever. (whoever heard of one player tic-tac-toe, wouldnt even need a checkWin() in that case)

So in short, try out your code after you have rid it of all syntax errors, and see if that does the trick.

Yeah, I put symbol as a global variable starting with x and then I ended up switching the code so instead of it all being markBox(this) function, it's changeBox(this) and changeSymbol which switches back and forth between the x's and o's. And I was able to get the checkWin() function to win by instead of doing an alert, did a return true;.

function changeBox(cell){
	if (cell.value=="")
	 	{cell.value=symbol;
	 	changeSymbol();
	 	numMoves +1;
		 }
	 else {
	  alert("This square is occupied");
	}
	if (checkWin()){
		alert ("Player " + cell.value + " wins! " )
		if (symbol == "X"){
			xCount ++;
		}
		else {
			oCount ++;
		}
		clearBtn();
		return;		
	}
	else if (numMoves == 9) {
		alert ("The game is tied!");
		xTie= xTie ++;
		clearBtn();
		return;
	}
	
}

function changeSymbol(){
	if (symbol== "X")
		{symbol="O";}
	 else {symbol="X";}
}



This part of the code is all working fine now but we also need alerts for a tie game. In the changeBox function, after the changeSymbol function, I've incremented the numMoves variable (global with a starting value of 0) and then later put in the code that if it's equal to 9, it's a tie game, however it doesn't appear to work.
Suggestions? Should it go in the actual changeSymbol function?

Thanks for the tips.
Was This Post Helpful? 0
  • +
  • -

#9 GetSet  Icon User is offline

  • D.I.C Head

Reputation: 5
  • View blog
  • Posts: 116
  • Joined: 08-February 11

Re: Creating a simple tic tac toe game in javascript

Posted 22 October 2012 - 08:00 PM

You may have caught this already by now, but your Line 5 of your changeBox() function appears to be the culprit. It reads:
 numMoves +1;



When it should read:
 numMoves++;


Was This Post Helpful? 0
  • +
  • -

#10 softerthanstarlight  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 19-October 12

Re: Creating a simple tic tac toe game in javascript

Posted 23 October 2012 - 09:08 PM

View PostGetSet, on 22 October 2012 - 08:00 PM, said:

You may have caught this already by now, but your Line 5 of your changeBox() function appears to be the culprit. It reads:
 numMoves +1;



When it should read:
 numMoves++;


Yep, changed that.

My final code!
<html>
<head>
<title>Homework 3- tic tac toe</title>
<style type="text/css">
	input.btn {
		background-color: #AC58FA;
		color: gold;
		font-size: .5in;
		font-family: "Courier New", "Courier";
		font-weight: bold;
		width: 1in;
		height: 1in;
	}
</style>
<script type="text/javascript">
var cell;
var symbol = "X";
var numMoves= 0;
var xCount= 0;
var oCount= 0;
var tieCount= 0;
var b1;
var b2;
var b3;
var b4;
var b5;
var b6;
var b7;
var b8;
var b9;
currentmove = "X";

function changeBox(cell){
	if (cell.value=="")
	 	{cell.value=symbol;
	 	numMoves ++;
	 	document.secondForm.currentmove.value= currentmove;
		 }
	 else {
	  alert("This square is occupied");
	}
	if (checkWin()){
		alert ("Player " + cell.value + " wins! " )
		if (symbol == "X"){
			xCount ++;
		document.secondForm.xscore.value= xCount;
		}
		else {
			oCount ++;
			document.secondForm.oscore.value= oCount;
		}
		clearBtn();
		return;		
	}
	if (numMoves == 9) {
		alert ("The game is tied!");
		tieCount ++;
		document.secondForm.tiegame.value= tieCount;
		clearBtn();
		return;
	}
	else {
		changeSymbol();
	}
}

function changeSymbol(){
	if (symbol== "X")
		{symbol="O";
		currentmove= "O"
		}
	 else {
	  symbol="X";
	 	currentmove="X"
		 }
}

function checkWin(){
	with (document.simpleForm) { 
		if ((b1.value == "X") && (b2.value=="X") && (b3.value == "X"))  
			return true;	
		else if ((b4.value == "X") && (b5.value=="X") && (b6.value == "X"))  
			return true;
		else if ((b7.value == "X") && (b8.value=="X") && (b9.value == "X"))  
			return true;
		else if ((b1.value == "X") && (b4.value=="X") && (b7.value == "X"))  
			return true;
		else if ((b2.value == "X") && (b5.value=="X") && (b8.value == "X"))  
			return true;	
		else if ((b3.value == "X") && (b6.value=="X") && (b9.value == "X"))  
			return true;	
		else if ((b1.value == "X") && (b5.value=="X") && (b9.value == "X"))  
			return true;
		else if ((b3.value == "X") && (b5.value=="X") && (b7.value == "X"))  
		 	return true;
	
		
		
		else if ((b1.value == "O") && (b2.value=="O") && (b3.value == "O"))  
			return true;
		if ((b4.value == "O") && (b5.value=="O") && (b6.value == "O"))  
			return true;
		if ((b7.value == "O") && (b8.value=="O") && (b9.value == "O"))  
			return true;	
		if ((b1.value == "O") && (b4.value=="O") && (b7.value == "O"))  
			return true;	
		if ((b2.value == "O") && (b5.value=="O") && (b8.value == "O"))  
			return true;	
		if ((b3.value == "O") && (b6.value=="O") && (b9.value == "O"))  
			return true;
		if ((b1.value == "O") && (b5.value=="O") && (b9.value == "O"))  
			return true;
		if ((b3.value == "O") && (b5.value=="O") && (b7.value == "O"))  
			return true;

	}
}

function clearBtn(){
	document.simpleForm.b1.value="";
	document.simpleForm.b2.value="";
	document.simpleForm.b3.value="";
	document.simpleForm.b4.value="";
	document.simpleForm.b5.value="";
	document.simpleForm.b6.value="";
	document.simpleForm.b7.value="";
	document.simpleForm.b8.value="";
	document.simpleForm.b9.value="";
	symbol="X";
	numMoves=0;
}

function erase() {
	xCount=0;
	oCount=0;
	tieCount=0;
	alert ("All square! Have fun!");
}

</script>

</HEAD>

<body>

<FORM name=simpleForm>

<input class="btn" type="button" name="b1" value="" onclick=changeBox(this)>
<input class="btn" type="button" name="b2" value="" onclick=changeBox(this)>
<input class="btn" type="button" name="b3" value="" onclick=changeBox(this)>
<br/> 
<input class="btn" type="button" name="b4" value="" onclick=changeBox(this)>
<input class="btn" type="button" name="b5" value="" onclick=changeBox(this)>
<input class="btn" type="button" name="b6" value="" onclick=changeBox(this)>
<br/>
<input class="btn" type="button" name="b7" value="" onclick=changeBox(this)>
<input class="btn" type="button" name="b8" value="" onclick=changeBox(this)>
<input class="btn" type="button" name="b9" value="" onclick=changeBox(this)>
<br/>
<br/>
</form>

<FORM name=secondForm>
Current Move: <input type="text" name="currentmove" value="X" size="2"> </br>
<INPUT type="reset" value="Play Again" onclick="clearBtn()">
</br>
</BR>
Score: X <input type="text" name="xscore" value="0" size=3> 
O <input type="text" name="oscore" value="0" size=3>
TIE <input type="text" name="tiegame" value="0" size=3></br>
<INPUT type="reset" value="RESET SCORE AND GAME" onclick="erase()">
</br>
</form>

</BODY>

</html>


Thanks for all the help everyone!
Was This Post Helpful? 0
  • +
  • -

#11 GetSet  Icon User is offline

  • D.I.C Head

Reputation: 5
  • View blog
  • Posts: 116
  • Joined: 08-February 11

Re: Creating a simple tic tac toe game in javascript

Posted 24 October 2012 - 06:12 PM

Just played your game with the completed source. Pretty cool. I like the big buttons for the squares and big text.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1