Creating Tic Tac Toe - Step by Step

When a player clicks on a button, it checks the if condition, in other words click1=0 is true then it checks another condition for finding the player's turn. The starting value of the turn is 1, so it checks using (1%2!=0) and that is True. So, it displays "X" on the button and increases by 1 in int turn (turn++) and click1 (click++). If the condition becomes False then it displays "O" on the button. If the player presses the key again then the condition becomes false (because click1 became equal to 1) and the text on the button remains the same.

After that I am calling the "display()" and "checkit()" methods.

The display() methods displays the player's turn and the checkit() method checks for the winner of the game.

The same code is done for the other buttons instead of button1 write button2 and for click1 write click2;

display() method:

public void display()
{
if(turn%2!=0)
{
displayturn.Text="Player 1";
}
else
{
displayturn.Text="Player 2";
}
}

It shows the turn of the player. For example, if turn=2 then it shows "Player2" turn in our application.

checkit() method:

public void checkit()
{
if(button1.Text!="" && button2.Text!="" && button3.Text!="")
{
if(button1.Text==button2.Text && button1.Text==button3.Text)
{
button1.BackColor=Color.Green;
button1.ForeColor=Color.White;
button2.BackColor=Color.Green;
button2.ForeColor=Color.White;
button3.BackColor=Color.Green;
button3.ForeColor=Color.White;
if(button1.Text=="X")
{
MessageBox.Show("Player 1 Wins!");
player1++;
player1score.Text=player1.ToString();
}
else
{
MessageBox.Show("Player 2 Wins!");
player2++;
player2score.Text=player2.ToString();
}
cleargame();
}
}
}

The checkit() method first checks that the button contains text. After that if it finds that three buttons have the same text then it changes the Back and ForeColor. After that it checks the button text. If text =="X" then provide the message "Player1 Wins!" or if text=="O" then it gives the message that player 2 Wins. Add +1 to player1 or player2 (these are int variables) and display them in labels (player1score, player2score).

The cleargame() method clears the data (in other words the BackColor, ForeColor, Buttons text amd displayturn variable's values back to the starting value) but does not clear the player1score and player2score.

Create two buttons, one to reset and the other is Play Again (for ties). In the Play Again Button (for ties) I the cleargame() method.

Game Preview:

I am attaching the source files for downloading.

That's all. I hope you like it.

Thanks.