Finished challenge wesbos#3

Author: cmatzenbach

01 - JavaScript Drum Kit/index-START.html

@@ -59,6 +59,12 @@
 
 <script>
 
+window.addEventListener('keydown', function (e) {
+    const audio = document.querySelector('audio[data-key="${e.keyCode}"]');
+    console.log(audio);
+    console.log('hello');
+});
+
 </script>
 
 

03 - CSS Variables/index.html

@@ -28,10 +28,10 @@ <h2>Update CSS Variables with <span class='hl'>JS</span></h2>
     }
     img {
       background: var(--base);
-      filter: var(--blur);
+      filter: blur(var(--blur));
       padding: var(--spacing);
     }
-    .h1 {
+    .hl {
       color: var(--base);
     }
     body {

03 - CSS Variables/script.js

@@ -1,10 +1,13 @@
 var elms = document.getElementsByTagName('input');
 
 for (var i = 0, len = elms.length; i < len; i++) {
-    elms[i].addEventListener('change', handleChange);
-    elms[i].addEventListener('mousemove', handleChange);
+  elms[i].addEventListener('change', handleChange);
+  elms[i].addEventListener('mousemove', handleChange);
+  console.log(elms[i]);
 }
+console.log(elms);
 
 function handleChange () {
-  console.log('working');
+  var suffix = this.dataset.sizing || '';
+  document.documentElement.style.setProperty(`--${this.name}`, this.value + suffix);
 }