DEV Community

Cover image for Day 1/30 Vanilla JavaScript - Drumkit
vital-b
vital-b

Posted on

1 2

Day 1/30 Vanilla JavaScript - Drumkit

So, I guess we're doing this huh.

A friend from #OperationCode showed me Wes Bos' JavaScript 30 challenge (https://javascript30.com/) since I was struggling with my self-teaching approach to JS/React. Great! This will be a good compliment to what I'm already trying to learn via FrontEndMasters (https://frontendmasters.com/)

This first challenge, a Drumkit app that is controlled with the keyboard.

Didn't run into too many issues on this one. Mainly I spent way too long trying to display my image background properly... morale of the story here, do not hotlink (imgur does not appreciate). Good times.

Learned about:

  • Keyboard mapping
  • Event listener

My apologies for the ugly background image.

You can find my work here: https://github.com/vital-b/JavaScript-Demo-2-Clock

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

If this article connected with you, consider tapping ❤️ or leaving a brief comment to share your thoughts!

Okay