Finished challenge wesbos#3

cmatzenbach · cmatzenbach · commit 4d11c333d0b1 · 2017-01-06T01:57:37.000-05:00
diff --git a/01 - JavaScript Drum Kit/index-START.html b/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>
 
 
diff --git a/03 - CSS Variables/index.html b/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 {
diff --git a/03 - CSS Variables/script.js b/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);
 }

Original file line number	Diff line number	Diff line change
`@@ -28,10 +28,10 @@ <h2>Update CSS Variables with <span class='hl'>JS</span></h2>`
`28`	`28`	`}`
`29`	`29`	`img {`
`30`	`30`	`background: var(--base);`
`31`		`- filter: var(--blur);`
	`31`	`+ filter: blur(var(--blur));`
`32`	`32`	`padding: var(--spacing);`
`33`	`33`	`}`
`34`		`- .h1 {`
	`34`	`+ .hl {`
`35`	`35`	`color: var(--base);`
`36`	`36`	`}`
`37`	`37`	`body {`