Skip to content

Commit 5ca3a3f

Browse files
committed
complet drumkit
1 parent f04fa97 commit 5ca3a3f

File tree

1 file changed

+4
-3
lines changed

1 file changed

+4
-3
lines changed

01 - JavaScript Drum Kit/index.html

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,8 @@
5858
<audio data-key="76" src="sounds/tink.wav"></audio>
5959

6060
<script>
61-
window.addEventListener('keydown', function(e){
61+
62+
function playSound(e){
6263
const audio = document.querySelector(`audio[data-key="${e.keyCode}"]`);
6364
const key = document.querySelector(`.key[data-key="${e.keyCode}"]`);
6465
if (!audio) return;
@@ -73,8 +74,8 @@
7374
}
7475
const keys = document.querySelectorAll('.key');
7576
keys.forEach(key => key.addEventListener('transitionend', removeTransition));
76-
} );
77-
77+
}
78+
window.addEventListener('keydown', playSound );
7879
</script>
7980

8081

0 commit comments

Comments
 (0)