# Tic Tac Toe

<!-- TABLE OF CONTENTS -->
<details open="open">
  <summary>Table of Contents</summary>
  <ol>
    <li>
      <a href="#about-the-project">About The Project</a>
    <li>
      <a href="#concepts-used">Concepts used</a>
    </li>
    <li>
      <a href="#best-way-to-learn">Best way to Learn</a>
    </li>
  </ol>
</details>

<!-- ABOUT THE PROJECT -->

## About The Project

![Tic Tac Toe](https://user-images.githubusercontent.com/55245862/135716040-935ec7d4-8421-430d-ad75-3787170bbd6b.png)

This Project is an intermediate JavaScript project. Tic Tac Toe is a classic game played between two players.

# How to play

Start with X and place it anywhere on the board. After your turn, your opponent will place an O on the board. Get three X's in a row (horizontal, vertical, or diagonal) before your opponent gets three O's in a row to win the game.

### Concepts used

This section lists the JavaScript concepts that were used while making this project.

- [querySelector](https://www.w3schools.com/jsref/met_document_queryselector.asp)
- [getElementById](https://www.w3schools.com/jsref/met_document_getelementbyid.asp)
- [addEventListener](https://www.w3schools.com/jsref/met_element_addeventlistener.asp)
- [forEach](https://www.w3schools.com/jsref/jsref_foreach.asp)
- [Spread Operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax)
<!-- USAGE EXAMPLES -->

## Best Way to Learn

The best way to work on this project is :

- Get a good grasp of the idea and what we are trying to create.
- Read about the concepts used.
- With both the above points done , try to make the project on your own.
- Give it some try and take help from the code in this repository.