diff --git a/01 - JavaScript Drum Kit/index-START.html b/01 - JavaScript Drum Kit/index-START.html index 4070d32767..c047146df4 100644 --- a/01 - JavaScript Drum Kit/index-START.html +++ b/01 - JavaScript Drum Kit/index-START.html @@ -1,10 +1,12 @@ + JS Drum Kit + @@ -57,10 +59,30 @@ - + key.classList.add('playing'); + } + + function removeTransition(e) { + if (e.propertyName !== 'transform') return; + this.classList.remove('playing'); + } + + const keys = document.querySelectorAll('.key'); + keys.forEach(key => key.addEventListener('transitionend', removeTransition)) + window.addEventListener('keydown', playSound); + - + + \ No newline at end of file diff --git a/02 - JS and CSS Clock/index-START.html b/02 - JS and CSS Clock/index-START.html index ee7eaefb1f..ee6a4c5f18 100644 --- a/02 - JS and CSS Clock/index-START.html +++ b/02 - JS and CSS Clock/index-START.html @@ -1,26 +1,28 @@ + JS + CSS Clock + -
-
-
-
-
-
+
+
+
+
+
+
- + + \ No newline at end of file diff --git a/03 - CSS Variables/index-START.html b/03 - CSS Variables/index-START.html index 8a4f0d556e..6753b7d8ca 100644 --- a/03 - CSS Variables/index-START.html +++ b/03 - CSS Variables/index-START.html @@ -1,11 +1,15 @@ + Scoped CSS Variables and JS + -

Update CSS Variables with JS

+

Update CSS Variables with + JS +

@@ -21,6 +25,21 @@

Update CSS Variables with JS

- + + \ No newline at end of file diff --git a/04 - Array Cardio Day 1/index-START.html b/04 - Array Cardio Day 1/index-START.html index eec0ffc31d..94357e6312 100644 --- a/04 - Array Cardio Day 1/index-START.html +++ b/04 - Array Cardio Day 1/index-START.html @@ -1,11 +1,14 @@ + Array Cardio 💪 + -

Psst: have a look at the JavaScript Console 💁

+

+ Psst: have a look at the JavaScript Console 💁

- + + \ No newline at end of file