You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
MarieMalarme 0aac40231a
Updated the instructions to dl the html & data files locally. (#620)
4 years ago
..
README.md Updated the instructions to dl the html & data files locally. (#620) 4 years ago
index.html adding dom content 4 years ago

README.md

Keycodes symphony

Instructions

Like an inspired Beethoven who's going to write his Moonlight Sonata, you're about to compose a colourful symphony of letters with your keyboard.

Write the function compose:

  • Make it fire every time a key is pressed
  • Create a new div with the class note when a letter of the lowercase alphabet is pressed, which has a unique background color generated using the key of the event, and displays the corresponding letter pressed
  • If the pressed key is the Backspace one, delete the last note
  • If the pressed key is the Escape one, clear all the notes

Notions

Provided files

You have at your disposal the following file that you can download to test locally:

  • the HTML file index.html to open in the browser, which includes:

    • the JS script which will allow to run your code
    • some CSS pre-styled classes: feel free to use those as they are, or modify them

Expected result

You can see an example of the expected result here