Learnwithsteem || Learn how to make a "Tic Tac Toe" game

How are you all my friends? I hope you all are very well and healthy by the grace of Almighty Allah. To stay ahead in this competitive world we all need to acquire some skills and learn something constantly. First of all thanks to @enamul17 for organizing such a competition among us. Today I am bringing to you a great tutorial through which programmers or tech lovers will love this tutorial. And through this tutorial I am going to participate in the contest.

We used to play the game "Tic-Tac-Toe" when we were kids in school. We used to draw this game with a pencil in the notebook. But in today's tutorial, I have come up with such a tutorial, I will create an app of "Tic-Tac-Toe". And I will show you how to make this game with HTML, CSS, and JavaScript. And this game no longer has to be played with notebook pencil but can be played with phone, laptop, PC etc.

This tutorial is divided into 3 parts. 1/ HTML, 2/ CSS, 3/ JS

✅ 1/ HTML: HTML means Hyper Text Markup Language. In this step I have taken 9 cells through HTML. And all the elements of the game are taken through this HTML. Below is the screenshot of the HTML code.

---

---

✅ 2/ CSS: CSS means Cascading Style Sheet. In this step of CSS I have completed the element design part of the HTML elements that I took in my game. Below is the screenshot of the CSS code.

---

---

✅ 2/ JS: All the logical operations of my game are done in this step of JS. All logical operations have been completed through JavaScript based on the id and class of the HTML element. All the conditions of the game, the rules to win or lose are done through this JavaScript.

---

✅ Share your proficient skills step by step.

I invite @rezwannridha, @tusher63, @daily100d to join this wonderful contest.

Thank you everyone for reading and learning this tutorial. I hope all are enjoying this post.