fix keydown to reset and add transition.

Author: AWhiteRabbit

01 - JavaScript Drum Kit/index-PROGRESS.html

@@ -60,10 +60,19 @@
 <script>
 window.addEventListener("keydown", function(e) {
 	const audio = document.querySelector(`audio[data-key="${e.keyCode}"]`);
-	if (!audio) return; // will stop the function from running.
-	console.log(audio);
+	const key = document.querySelector(`.key[data-key="${e.keyCode}"]`)
+	if (!audio) return; // will stop the function from running
+	audio.currentTime = 0;
 	audio.play();
+	key.classList.add("playing");
 });
+function removeTransition(e) {
+	if (e.propertyName !== "transform") return; // skip if not a transform
+	console.log(e.propertyName);
+	this.classList.remove("playing");
+}
+const keys = document.querySelectorAll(".key");
+keys.forEach(key => key.addEventListener("transitionend", removeTransition));
 </script>