From e8ce7136c1232124e9b86c8001b60c7459cb5038 Mon Sep 17 00:00:00 2001 From: Arthur Nobrega Date: Sun, 28 Jul 2019 19:45:17 -0300 Subject: [PATCH 1/4] Finish first exercise --- 01 - JavaScript Drum Kit/index-START.html | 131 +++++++++++++--------- 1 file changed, 75 insertions(+), 56 deletions(-) diff --git a/01 - JavaScript Drum Kit/index-START.html b/01 - JavaScript Drum Kit/index-START.html index 4070d32767..60d5e06785 100644 --- a/01 - JavaScript Drum Kit/index-START.html +++ b/01 - JavaScript Drum Kit/index-START.html @@ -1,66 +1,85 @@ - - - JS Drum Kit - - - + + + JS Drum Kit + + + +
+
+ A + clap +
+
+ S + hihat +
+
+ D + kick +
+
+ F + openhat +
+
+ G + boom +
+
+ H + ride +
+
+ J + snare +
+
+ K + tom +
+
+ L + tink +
+
+ + + + + + + + + -
-
- A - clap -
-
- S - hihat -
-
- D - kick -
-
- F - openhat -
-
- G - boom -
-
- H - ride -
-
- J - snare -
-
- K - tom -
-
- L - tink -
-
+ + function transitionFinished(e) { + e.target.classList.remove("playing"); + } + Array.from(document.querySelectorAll(".key")).forEach(key => + key.addEventListener("transitionend", transitionFinished) + ); - + document.addEventListener("keypress", playSound); + + From 9f15711a095b77fcecc20bc03734e616122eccbe Mon Sep 17 00:00:00 2001 From: Arthur Nobrega Date: Sun, 28 Jul 2019 19:58:43 -0300 Subject: [PATCH 2/4] Only remove class when is a transform --- 01 - JavaScript Drum Kit/index-START.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/01 - JavaScript Drum Kit/index-START.html b/01 - JavaScript Drum Kit/index-START.html index 60d5e06785..06fb316a95 100644 --- a/01 - JavaScript Drum Kit/index-START.html +++ b/01 - JavaScript Drum Kit/index-START.html @@ -57,14 +57,13 @@ - + setInterval(setDate, 1000); + +