Skip to content

Latest commit

 

History

History
68 lines (35 loc) · 1.54 KB

README.md

File metadata and controls

68 lines (35 loc) · 1.54 KB

Drum Kit Project

This is a simple Drum Kit project built using HTML, CSS, and JavaScript. It allows you to play drum sounds by clicking on the drum pads or by pressing corresponding keys on your keyboard.

Table of Contents

Demo

You can see a live demo of the Drum Kit project here.

Features

  • Interactive drum kit with clickable drum pads.
  • Corresponding drum sounds for each pad.
  • Keyboard support for triggering drum sounds.

Getting Started

Follow these instructions to get a copy of the Drum Kit project up and running on your local machine.

Prerequisites

You will need a web browser to run this project.

Installation

  1. Clone the repository to your local machine using the following command:

    git clone https://github.com/your-username/drum-kit.git

  2. Open the project folder in your code editor.

Usage

  1. Open the index.html file in your web browser.

  2. You will see a set of drum pads on the screen. You can either click on the pads with your mouse or use your keyboard to trigger the drum sounds.

  3. To use your keyboard, simply press the corresponding keys:

    • l for the snare drum
    • k for the kick drum
    • j for the crash cymbal
    • a for the hi-hat
    • s for the tom-tom
    • d for the ride cymbal

  4. Enjoy making music by clicking or pressing keys!