Added mouse support

jfalco · jfalco · commit 5fd990557ca0 · 2020-02-29T14:00:53.000-06:00
diff --git a/01 - JavaScript Drum Kit/js/drum.js b/01 - JavaScript Drum Kit/js/drum.js
@@ -1,13 +1,27 @@
 function playSound(e) {
-	const audio = document.querySelector(`audio[data-key="${e.keyCode}"]`);
+	let keyCode;
+	if (e.type === "click") {
+		keyCode = e.currentTarget.dataset.key;
+	} else {
+		keyCode = e.keyCode;
+	}
+
+	const audio = document.querySelector(`audio[data-key="${keyCode}"]`);
 	if (!audio) return;
 	audio.currentTime = 0;
 	audio.play();
 	showStyle(e);
 }
 
 function showStyle(e) {
-	const key = document.querySelector(`.key[data-key="${e.keyCode}"]`);
+	let keyCode;
+	if (e.type === "click") {
+		keyCode = e.currentTarget.dataset.key;
+	} else {
+		keyCode = e.keyCode;
+	}
+
+	const key = document.querySelector(`.key[data-key="${keyCode}"]`);
 	key.classList.add("playing");
 }
 
@@ -20,3 +34,4 @@ const keys = document.querySelectorAll(".key");
 
 keys.forEach(key => key.addEventListener("transitionend", removeTransition));
 window.addEventListener("keydown", playSound);
+keys.forEach(key => key.addEventListener("click", playSound));
