implimented handleUpdate

brendan-c · brendan-c · commit 1118ea9b0bc3 · 2019-10-17T21:22:24.000-04:00
diff --git a/03 - CSS Variables/index-START.html b/03 - CSS Variables/index-START.html
@@ -79,9 +79,14 @@ <h2>Update CSS Variables with <span class="hl">JS</span></h2>
       const inputs = document.querySelectorAll('.controls input')
 
       function handleUpdate() {
-        console.log(this.value)
+        const suffix = this.dataset.sizing || ''
+        document.documentElement.style.setProperty(
+          `--${this.name}`,
+          this.value + suffix
+        )
       }
       inputs.forEach(input => input.addEventListener('change', handleUpdate))
+      inputs.forEach(input => input.addEventListener('mousemove', handleUpdate))
     </script>
   </body>
 </html>
