How to build a virtual Piano using HTML5 and JS

Do You Want To Know How To build IT :
1- Create Piano Keys and Style them Using display: flex
2- use html5 audio to store the sounds in your app
3- use JS and create the function to play the soundtrack

Steps to Build App:
the First style and create the piano, then use HTML5 Audio to store sounds on your application, then Use JavaScript
and def function to play the sounds, To make the web page responsive use media query min{1001} max{1000 }

About App:
vPiano app, Using JS, HTML5, and CSS I made this app using HTML5 audio to add sounds, Then adding JS function to play the sound when user click on a piano key, and added css to style it

app sourceCode Github :

YoutTube: