Tic tac toe game using Vanilla JavaScript, HTML, and CSS
Design comparison
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
- @Bishalsnghd07Posted 8 months ago
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@soybellaPosted 8 months ago@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
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