diff --git a/01 - JavaScript Drum Kit/index-START.html b/01 - JavaScript Drum Kit/index-START.html index 4070d32767..17ac6340fa 100644 --- a/01 - JavaScript Drum Kit/index-START.html +++ b/01 - JavaScript Drum Kit/index-START.html @@ -1,66 +1,84 @@ - - - Codestin Search App - - - - - -
-
- A - clap -
-
- S - hihat -
-
- D - kick -
-
- F - openhat -
-
- G - boom -
-
- H - ride -
-
- J - snare -
-
- K - tom -
-
- L - tink + + + Codestin Search App + + + +
+
+ A + clap +
+
+ S + hihat +
+
+ D + kick +
+
+ F + openhat +
+
+ G + boom +
+
+ H + ride +
+
+ J + snare +
+
+ K + tom +
+
+ L + tink +
-
- - - - - - - - - + + + + + + + + + - + // key.classList.remove("playing"); + // console.log(audio); + }); + function removeTransition(e) { + if (e.propertyName !== "transform") return; + this.classList.remove("playing"); + // console.log(e.propertyName); + // console.log(this); + } - + const keys = document.querySelectorAll(".key"); + keys.forEach((key) => + key.addEventListener("tansitionedend", removeTransition) + ); + + diff --git a/02 - JS and CSS Clock/index-FINISHED.html b/02 - JS and CSS Clock/index-FINISHED.html index efe3912bf2..c9bdd3bb2f 100644 --- a/02 - JS and CSS Clock/index-FINISHED.html +++ b/02 - JS and CSS Clock/index-FINISHED.html @@ -1,12 +1,10 @@ - - - Codestin Search App - - - - + + + Codestin Search App + +
@@ -15,85 +13,82 @@
- - - - - + + + + diff --git a/02 - JS and CSS Clock/index-START.html b/02 - JS and CSS Clock/index-START.html index 12f721b183..04807ef815 100644 --- a/02 - JS and CSS Clock/index-START.html +++ b/02 - JS and CSS Clock/index-START.html @@ -1,11 +1,61 @@ - - - Codestin Search App - - + + + Codestin Search App + + +
@@ -15,60 +65,30 @@
+ - + setInterval(setDate, 1000); + // setDate(); + +