Functionality:
This project a simple JavaScript piano that can be played using the mouse or keyboard.
Languages and concepts:
- HTML
- CSS
- Javascript
- Javascript arrays
- .querySelectorAll(‘css selector‘)
- array.forEach(function())
- element.addEventListener()
- keydown event reference
- event.repeat()
- event.key – The key property returns the identifier of the key that was pressed when a key event occured.
- array.indexOf()
- element.dataset.keyname
- audio/video.currentTime
- audio/video.play
- element.classList.add(‘className‘)
- element.classList.remove(‘className‘)
- 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

