Tic Tac Toe

In this part of the project, I focused on building the basic HTML structure of the Tic Tac Toe game. I created a clean layout using semantic elements like header, main, and section to organize the content properly. The main component is a 3×3 grid made up of individual cells, each assigned a data index to track user interactions later with JavaScript. I also added a status section to display the current player’s turn and a restart button for resetting the game. The goal here was to keep the structure simple, organized, and ready for styling and functionality in the next steps.

In this project, I built an interactive Tic Tac Toe game using HTML, CSS, and JavaScript. The main goal was to strengthen my understanding of DOM manipulation, event handling, and game logic. I started by creating the basic structure of the game board using HTML, then styled it with modern and interactive CSS to make the UI visually appealing. After that, I implemented the core functionality in JavaScript, including player turns, winner detection, and draw conditions. One of the key challenges was managing the game state and ensuring the logic worked correctly after each move. I also added a restart feature so users can easily play multiple rounds without refreshing the page. Overall, this project helped me improve both my logic-building skills and UI design, and it was really enjoyable to create a simple game with a smooth user experience