Project
Color Guess Game
Challenging
117 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
2 weeks ago
A very fun project that allows you to incorporate HTML, CSS, and JavaScript with multiple components, both logical and design-related.
4 months ago
The project helped me understand how to work with DOM elements and add events to them.
5 months ago
It was a good little program that allowed me to work through the basics of HTML, CSS and embedded Javascript. Some concepts that were not yet introduced in the learning material appeared to be required to complete the project, however.
4.6
Learners who completed this project within the Introduction to Frontend course rated it as follows: