Tic-Tac-Toe-Game

• 

  This how the game looks

Inspiration

This is the first time that I have participated in a hackathon. I was not sure what to make, which project I should work on, then I saw that there is a lot of fun activity going on in the discord channel, so I thought why not To make a fun game, that's why I made a tic-tac-toe game.

What it does

so basically it is a Tic tac toe game created using HTML, CSS and JavaScript. Tic-tac-toe, noughts and crosses, or X and O, is a paper and-pencil game for two players, X and O, who take turns marking the spaces in a 3×3 grid. The player who succeeds in placing three of their marks in a diagonal, horizontal, or vertical row is the winner. It takes input as in the form of X or O and then check if the three of their marks are placed in a diagonal, horizontal, or vertical row.If the above condition will be true then the person will be the winner.

How I built it

So as I mentioned that this game is created using HTML, CSS, JavaScript. The first step to start building a game is to build the markup. so in the first step I worked on the Html part. ** second step the very important step is styling which makes your game good looking. **Hard step now finally JavaScript comes into pictures. first I create a Tic Tac Toe board and fill it with dashes then I create a function that draws the board like a square.Keeping track of the player’s turn and what symbol they are using and was very important so I worked on that as well. The another important thing was to Set the right position on the board to the proper symbol and finally I create a function that checks if either player has won. last but not least I used a function to keep the game going.

Challenges we ran into

So this is not the first JavaScript project that I have created before I have worked on many web pages using HTML and CSS and a little JavaScript but when it comes to fully functional JavaScript this is my first project. I am new to JavaScript as I recently started learning JavaScript. I learned most of JavaScript while creating this project it tooks more than a 18 hours to create this project because it is a little hard for beginner point of view. to be honest every part of the project was hard for me making board and then keeping track of the player’s turn and what symbol they are using and to checking the winner.

Accomplishments that we're proud of

It is always a good feeling to complete a hard project and it was fun to I learned a lot

What we learned

So the things which I learned through out the project are listed below 1.functions 2.Variables 3.DOM 4.Object 5.Primitives 6.Events 7.Control flow and a lot more.

What's next for Tic-Tac-Toe-Game

so the next I want to make this game online multiplayer game so people can play this game from all anywhere with their friends online.

Built With

• css3
• html
• javascript