Starting "Wes Bos" - "JavaScript 30" challenge. A collection of projects from the "Wes Bos" website's "JavaScript 30" course - vanilla JS projects built in 30 days.
1️⃣ JavaScript Drum Kit – JS30 Project #1
The goal of this project is to practice DOM manipulation, keyboard events, and audio playback without using any frameworks or libraries.
- Press a key on your keyboard to play a corresponding drum sound.
- Visual feedback on keys using CSS animations.
- Fully built with vanilla JavaScript, HTML5, and CSS3.
- Learn core JS concepts like:
- Event listeners (
keydown,transitionend) - Data attributes (
data-key) - Playing audio with
.play() - CSS transitions and animations
- Event listeners (