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

Leave a Reply

PHP JS HTML CSS BASH PYTHON CODE

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this:
search previous next tag category expand menu location phone mail time cart zoom edit close