Day 1 fiddling.

rcass · rcass · commit f8879ac9bf36 · 2016-12-13T10:47:41.000-08:00
diff --git a/01 - JavaScript Drum Kit/index-rose.html b/01 - JavaScript Drum Kit/index-rose.html
@@ -60,7 +60,11 @@
 <script>
 
 window.addEventListener('keydown', function(e){
-  const audio = document.querySelector(`audio[data-key=]`);
+  const audio = document.querySelector(`audio[data-key="${e.keyCode}"]`);
+  const key = document.querySelector(`.key[data-key="${e.keyCode}"]`);
+  if (!audio) return;
+  audio.play();
+  key.classList.add('plyaying');
 });
 
 
