trent/fcc-challenges
1
0
Fork 0
mirror of https://github.com/TrentSPalmer/fcc-challenges.git synced 2025-08-23 10:13:57 -07:00
Code Issues Projects Releases Wiki Activity

drum-machine update bpm in drumpad when metronome playing

Browse Source
This commit is contained in:
Trent Palmer
2020-05-29 11:22:40 -07:00
parent d760af7cad
commit 14e3f33729
4 changed files with 36 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
drum-machine/index.html
View File

@@ -33,35 +33,35 @@
<div id="drum-pad-grid">
<div class="drum-pad-row">
<div class="drum-pad" id="Qpad" title="" onclick="playSample($(this).attr('id'))">
<p>Q</p>
Q
</div>
<div class="drum-pad" id="Wpad" title="" onclick="playSample($(this).attr('id'))">
<p>W</p>
W
</div>
<div class="drum-pad" id="Epad" title="" onclick="playSample($(this).attr('id'))">
<p>E</p>
E
</div>
</div>
<div class="drum-pad-row">
<div class="drum-pad" id="Apad" title="" onclick="playSample($(this).attr('id'))">
<p>A</p>
A
</div>
<div class="drum-pad" id="Spad" title="" onclick="playSample($(this).attr('id'))">
<p>S</p>
S
</div>
<div class="drum-pad" id="Dpad" title="" onclick="playSample($(this).attr('id'))">
<p>D</p>
D
</div>
</div>
<div class="drum-pad-row">
<div class="drum-pad" id="Zpad" title="" onclick="playSample($(this).attr('id'))">
<p>Z</p>
Z
</div>
<div class="drum-pad" id="Xpad" title="" onclick="playSample($(this).attr('id'))">
<p>X</p>
X
</div>
<div class="drum-pad" id="Cpad" title="" onclick="playSample($(this).attr('id'))">
<p>C</p>
C
</div>
</div>
</div>