public/subjects/keycodes-symphony/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

- [Keyboard event](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent): [`keydown`](https://developer.mozilla.org/en-US/docs/Web/API/Document/keydown_event), [`key`](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key)

### Provided files

- Check the HTML file [index.html](/public/subjects/keycodes-symphony/index.html), 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](https://youtu.be/5DdijwBnpAk)
adding dom content 4 years ago			`## 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.`

Updated the `readme` to indicate the files provided + the right path matching the new structure of files. 4 years ago			Write the function `compose`:
adding dom content 4 years ago
			`- Make it fire every time a key is pressed`
Created the `keycodes symphony` test + precised the instructions. 4 years ago			- 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
Fixed the wrong specified key to delete. (#606) 4 years ago			- If the pressed key is the `Backspace` one, delete the last note
adding dom content 4 years ago			- If the pressed key is the `Escape` one, clear all the notes

			`### Notions`

			- [Keyboard event](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent): [`keydown`](https://developer.mozilla.org/en-US/docs/Web/API/Document/keydown_event), [`key`](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key)

Updated the `readme` to indicate the files provided + the right path matching the new structure of files. 4 years ago			`### Provided files`

Updated the instructions for the HTML files which were confusing because the students don't need to use them. 4 years ago			`- Check the HTML file [index.html](/public/subjects/keycodes-symphony/index.html), which includes:`
Updated the `readme` to indicate the files provided + the right path matching the new structure of files. 4 years ago
			`- 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`

adding dom content 4 years ago			`### Expected result`

			`You can see an example of the expected result [here](https://youtu.be/5DdijwBnpAk)`