Project
Color Guess Game
Challenging
124 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
3 weeks 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.
3 weeks ago
How to use JS in a fun project, how to write optimal code and how to manipulate the DOM
2 months ago
A very fun project that allows you to incorporate HTML, CSS, and JavaScript with multiple components, both logical and design-related.
4.6
Learners who completed this project within the Introduction to Frontend course rated it as follows: