Back to articles
Built a Colour-Guessing Game with HTML, CSS and JavaScript

Built a Colour-Guessing Game with HTML, CSS and JavaScript

via Dev.to BeginnersMarie Otoo

A colour-guessing game was built as practice for my frontend development. This colour-guessing game: consists of three files, an index.html, a style.css and a script.js. has random colour generation Resets properly Scores points To get started, create and open your project folder in VS Code or any code editor of your choice. Create three files as stated above. The index.html has the basic layout for the game. It displays a box, game status, score and a new game button. The basic styling with code below includes large buttons, hover animations and a card layout, to make the game interface visually appealing. The game logic is hidden in the script.js. A random colour is generated on each page reload with six buttons also generated waiting to be clicked. If accurate score increases, else score diminishes. The project entails simple features and is a fun start in frontend. To run this project simply open the index.html in a browser.

Continue reading on Dev.to Beginners

Opens in a new tab

Read Full Article
37 views

Related Articles