jaycka / drum-it

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!

Home Page:https://jaycka.github.io/drum-it/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Project: Drum-it

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

About

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!

https://jaycka.github.io/drum-it/


Languages

Language:HTML 93.1%Language:JavaScript 5.8%Language:CSS 1.2%