cecstar
diff --git a/‎01 - JavaScript Drum Kit/index-FINISHED.html‎
Lines changed: 0 additions & 83 deletions b/‎01 - JavaScript Drum Kit/index-FINISHED.html‎
Lines changed: 0 additions & 83 deletions
diff --git a/‎01 - JavaScript Drum Kit/index-START.html‎
Lines changed: 0 additions & 66 deletions b/‎01 - JavaScript Drum Kit/index-START.html‎
Lines changed: 0 additions & 66 deletions
diff --git a/‎01 - JavaScript Drum Kit/index.html‎
Lines changed: 11 additions & 12 deletions b/‎01 - JavaScript Drum Kit/index.html‎
Lines changed: 11 additions & 12 deletions
diff --git a/‎01 - JavaScript Drum Kit/myindex.html‎
Lines changed: 0 additions & 66 deletions b/‎01 - JavaScript Drum Kit/myindex.html‎
Lines changed: 0 additions & 66 deletions
diff --git a/‎01 - JavaScript Drum Kit/style.css‎
Lines changed: 2 additions & 2 deletions b/‎01 - JavaScript Drum Kit/style.css‎
Lines changed: 2 additions & 2 deletions
@@ -1,13 +1,12 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <meta charset="UTF-8">
+  <meta charset="utf-8">
   <title>JS Drum Kit</title>
   <link rel="stylesheet" href="style.css">
 </head>
 <body>
 
-
   <div class="keys">
     <div data-key="65" class="key">
       <kbd>A</kbd>
@@ -59,19 +58,19 @@
 
 <script>
 
-
   function playSound(e) {
-    const audio = document.querySelector(`audio[data-key="${e.keyCode}"]`);
-    const key = document.querySelector(`.key[data-key="${e.keyCode}"]`);
-    if (!audio) return; // stop the function from running all together
-    audio.currentTime = 0; // rewind to the start
+    const audio = document.querySelector(`audio[data-key="${e.keyCode}"]`)
+    const key = document.querySelector(`.key[data-key="${e.keyCode}"]`)
+    if(!audio) return;
+    audio.currentTime = 0;
     audio.play();
-    key.classList.add('playing');
-  }
+    key.classList.add('playing')
+ };
+
   function removeTransition(e) {
-    if (e.propertyName !== 'transform') return; // skip it if it's not a transform
+    if(e.propertyName !== 'transform') return;
     this.classList.remove('playing');
-  }
+    }
 
   const keys = document.querySelectorAll('.key');
   keys.forEach(key => key.addEventListener('transitionend', removeTransition));
@@ -80,4 +79,4 @@
 </script>
 
 </body>
-</html>
+</html>
@@ -32,8 +32,8 @@ body,html {
 }
 
 .playing {
-  transform:scale(1.1);
-  border-color:#ffc600;
+  transform:scale(1.3);
+  border-color: hotpink;
   box-shadow: 0 0 10px #ffc600;
 }
Original file line number	Diff line number	Diff line change
`@@ -32,8 +32,8 @@ body,html {`
`32`	`32`	`}`
`33`	`33`
`34`	`34`	`.playing {`
`35`		`- transform:scale(1.1);`
`36`		`- border-color:#ffc600;`
	`35`	`+ transform:scale(1.3);`
	`36`	`+ border-color: hotpink;`
`37`	`37`	`box-shadow: 0 0 10px #ffc600;`
`38`	`38`	`}`
`39`	`39`