Web Dev Project 7: Piano

Functionality:
This project a simple JavaScript piano that can be played using the mouse or keyboard.

Languages and concepts:

1. HTML
2. CSS
3. Javascript
   1. Javascript arrays
   2. .querySelectorAll(‘css selector‘)
   3. array.forEach(function())
   4. element.addEventListener()
   5. keydown event reference
   6. event.repeat()
   7. event.key – The key property returns the identifier of the key that was pressed when a key event occured.
   8. array.indexOf()
   9. element.dataset.keyname
   10. audio/video.currentTime
   11. audio/video.play
   12. element.classList.add(‘className‘)
   13. element.classList.remove(‘className‘)
   14. ended event reference

You can interact with the project on this link:
https://aarushi-nema.github.io/webDev007_piano/

You can find the code on this link:
https://github.com/aarushi-nema/webDev007_piano

Note: This project was a fun learning experience! I followed the following tutorial: https://www.youtube.com/watch?v=vjco5yKZpU8