Color-memory HTML/CSS/JS (beginner)

Hi everyone,

I’m currently going though the front-end carieer path and just finished chapter 7 “interactive websites”.

I came up with the following project to challenge myself on the allready learned topics. The goal was to setup a first interactive webpage with som basic requirements.

Requirements

  • html “grid” should be used
  • a simple form should be applied incl. validation
  • make the website interactive with some javascript
  • simple css styling without images.
  • make it responsive

Outcome

  • grid was applied, and automatically populated with javascript :white_check_mark:
  • the form only has one input field on which simple html validations has been applied :sunglasses: :white_check_mark:
  • Website is a little game, therefore - interactivity :white_check_mark:
  • no fancy stypling has been applied. Wanted to be simple for the sace of learning javascript :white_check_mark:
  • its kind of responsive, one more media querry would seal the deal for mobile aswell :no_entry_sign:

What I learned on the process

  • extracting GET parameters from an url, using javascript

Here is the Website: Website
Here is the Code: Code

Some feedback is highly appreciated.

3 Likes