This is a simple website that allows you to play drum sounds by pressing keys on your keyboard. Each key from "a" to "p" corresponds to a different drum sound.
- Open the website in your browser.
- Press the keys "a", "d", "s", "d", "f", "g", "h", "j", "k", "l", or "p" to play different drum sounds.
- Enjoy creating your own beats!
- HTML
- CSS
- JavaScript
The website utilizes JavaScript to listen for key presses and play the corresponding drum sound. When a key is pressed, an event is triggered, and the associated drum sound is played. The drum sounds are pre-loaded as audio files in the browser.
index.html
: The main HTML file that contains the structure of the website.styles.css
: The CSS file that styles the website.script.js
: The JavaScript file that handles the key presses and plays the drum sounds.
To run the website locally, follow these steps:
- Clone the repository:
git clone https://github.com/your-username/drum-kit.git
- Open the
index.html
file in your browser.
Contributions are welcome! If you find any issues or want to enhance the website, feel free to open a pull request.
This project is licensed under the MIT License. Feel free to use and modify the code as per your needs.
- The project is inspired by Wes Bos' JavaScript30 course.
For any questions or suggestions, please contact [email protected].
Enjoy drumming!