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.
 
 
 
 
 
 

1.4 KiB

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

Files

You only need to create & submit the JS file keycodes-symphony.js ; we're providing you the following file to download (click right and save link) & test locally:

  • the HTML file keycodes-symphony.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