Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Tic tac toe game using Vanilla JavaScript, HTML, and CSS

P

@soybella

Desktop design screenshot for the Tic Tac Toe game coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


I decided to build this project using Vanilla JavaScript, HTML, and CSS to practice the basics and deepen my understanding of the core foundations.

The difficulties I encountered was creating the logic for the winning combinations and next round functions. I also had issues with the hover effects for the game board cells. Depending on what mark the user chooses to play as it should correctly hover either X or O, but when the game is played on a mobile screen the hover effect is removed. I'm planning on implementing the Minimax algorithm but for now the computers moves are random.

After testing my project I believe it should be working fine, but if anyone encounters any errors on their end I would appreciate the feedback. Thanks!

Community feedback

@Bishalsnghd07

Posted

There is a lot of error in your basic HTML and CSS. I would recommend to strengthen or enhance your skills in HTML and CSS first because, to make any web page this are foundations, pillars. HTML, will create body of your web page, CSS gives styling, designing to the body and JavaScript add value to body, gives functionalities which makes product dynamic.

I would suggest this resources to you for better understanding in HTML and CSS👉 Semantic HTML and 👉 CSS Basics

0

P

@soybella

Posted

@Bishalsnghd07 Thank you for your feedback! I'll definitely take some time to study HTML/CSS again, and hopefully fix the errors in my project. I appreciate the links as well.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord