JS to updated the CSS Variables

Kdehner · Kdehner · commit 01733c767c01 · 2019-12-31T20:15:08.000-07:00
diff --git a/03 - CSS Variables/app.js b/03 - CSS Variables/app.js
@@ -0,0 +1,10 @@
+const inputs = document.querySelectorAll('.controls input');
+
+function handleUpdate() {
+  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));
