diff --git a/content/demo/demo.js b/content/demo/demo.js
index cd991ea..312e0cb 100644
--- a/content/demo/demo.js
+++ b/content/demo/demo.js
@@ -1,3 +1,13 @@
+// Slider
+var slider = document.getElementById("range");
+var output = document.getElementById("range-value");
+output.innerHTML = slider.value;
+
+slider.oninput = function() {
+  output.innerHTML = this.value;
+}
+
+// Spaceship control center
 const colorPickerLight = document.querySelector("#color-picker-light");
 const colorPickerDark = document.querySelector("#color-picker-dark");
 const contrastCheckboxLight = document.querySelector("#contrast-color-light");
diff --git a/content/demo/index.md b/content/demo/index.md
index 0c361cd..0fb3f74 100644
--- a/content/demo/index.md
+++ b/content/demo/index.md
@@ -483,16 +483,6 @@ With `range` type:
 <input type="range" max="100" value="33" id="range">
 <!-- For the demo purposes only -->
 <small id="range-value"></small>
-
-<script type="text/javascript">
-  var slider = document.getElementById("range");
-  var output = document.getElementById("range-value");
-  output.innerHTML = slider.value;
-
-  slider.oninput = function() {
-    output.innerHTML = this.value;
-  }
-</script>
 <!-- End -->
 
 ### Figure Captions (`<figcaption>`)