Project
Color Guess Game
Challenging
138 completions
~ 8 hours
4.6While implementing the game, you will practice DOM manipulations, generate random colors, manage user interactions, and control game flow with loops and conditions.
Provided by
JetBrains Academy
About
The Color Guess game is a simple web-based game where players are presented with a target RGB color value displayed in text form. Below the target color are several color blocks, each representing a different RGB color. Players must click on the color block they believe matches the target color.
Graduate project
This project covers the core topics of the Introduction to Frontend course, making it sufficiently challenging to be a proud addition to your portfolio.
At least one graduate project is required to complete the course.
What you'll learn
Once you choose a project, we'll provide you with a study plan that includes all the necessary topics from your course to get it built. Here’s what awaits you:
Add the HTML elements to set the layout of the game.
Pick random RGB value to be guessed and shuffle the colors of color blocks.
Implement the gameplay by handling click events for color blocks and restart button.
Spice up the game screen with some style!
Reviews
CR
Charles Riley Jr2 months ago
How to build a basic interactive web game that dealt with DOM manipulation using JS.I struggled for a second but that made it much more satisfying when i finally did finish it!
Juan Esteban Serrano Aldana
3 months ago
I found it interesting to modify the CSS using JavaScript with the .style parameter, as well as to delve deeper into the implementation of the addEventListener() method, and of course the capabilities of Math.random(), although my biggest challenge was centering the elements properly for the final s ...
9 months ago
It was a fun project. I think some of the main lessons I learned were altering styles dynamically using javascript, and it was a good exercise in dividing the code over multiple functions, to keep things re-usable and readable.
4.6
Learners who completed this project within the Introduction to Frontend course rated it as follows: