Back to Projects

JS Drum Set

Simple drum machine project that you can play with your keyboard. It was from a tutorial from Wes Bos, and one of my very first JS projects. I was so excited about it that I added my own custom designed drum samples to really personalize it. It's hilariously simple, I read through the code recently and it's so funny that I thought this code was hard back then. But, it was the first project I was really proud of with JS, so I had to include it here.

Maybe one day I'll make an improved version of this in React that is more interactive with more fun features. But for now, it's a reminder of how far I have come with JavaScript.

Details

Tech Stack

JavaScript icon

JavaScript

HTML icon

HTML

CSS icon

CSS

Learnings

  1. Adding/removing class names using JavaScript to apply CSS.
  2. Keyboard events in JS.
  3. Using the this keyword.
  4. JavaScript is fun!

Images