A simple and interactive Drum Kit web application built using HTML, CSS, and JavaScript.
- Press the corresponding keys or click on the buttons to play drum sounds.
- Each button has a unique drum sound associated with it.
- Enjoy the visual feedback with button animations.
- Open the
index.html
file in a web browser. - Press the keys 'w', 'a', 's', 'd', 'j', 'k', 'l' to play drum sounds.
- Click on the drum buttons for the same effect.
index.html
: The main HTML file containing the structure of the Drum Kit website.styles.css
: The CSS file for styling the website.app.js
: The JavaScript file for handling button clicks and playing sounds.images/
: A directory containing images used in the project (not used in this version).
- 'w': Tom 1
- 'a': Tom 2
- 's': Tom 3
- 'd': Tom 4
- 'j': Snare
- 'k': Crash
- 'l': Kick Bass
- Drum sounds sourced from the Free Drum Kits collection.
Contributions are welcome! If you have any improvements or new features to suggest, please create a pull request.
Enjoy playing the Drum Kit! If you have any questions or issues, feel free to open an issue.
If you have any feedback, please reach out to me at [email protected]
Feel the rhythm and have fun drumming! ๐ถ