Project for Day 18 of Udemy 2023 Web Development Bootcamp: A simple, fully responsive, fully interactive, fun drum set webset where you can hear different drum kit! Play it by either press the physical keyboard or click on-screen keys or simply click on the different part of drum image!
Try it out
Concepts and skills used in this project:
HTML | CSS | JavaScript | DOM | EventListener
Features:
- Listen to physical keyboard press;
- Listen to on-screen key clicks;
- Listen to on-screen key clicks on different part of drum images;
- Play sound accordingly;
Demo
