diff --git a/website/pages/playground/index.html b/website/pages/playground/index.html
index aac332e6..87e25901 100644
--- a/website/pages/playground/index.html
+++ b/website/pages/playground/index.html
@@ -137,8 +137,8 @@
         <details class="sub-options">
           <summary>Range</summary>
           <label>The selected range will be highlighted in yellow in the input editor</label>
-          <label>--range-start <input type="number" min="0" id="rangeStart"></label>
-          <label>--range-end <input type="number" min="0" id="rangeEnd"></label>
+          <label>--range-start <input type="number" value="" min="0" id="rangeStart"></label>
+          <label>--range-end <input type="number" value="" min="0" id="rangeEnd"></label>
         </details>
         <details class="sub-options">
           <summary>Debug</summary>
diff --git a/website/static/playground.js b/website/static/playground.js
index b717ffa3..3906e6f3 100644
--- a/website/static/playground.js
+++ b/website/static/playground.js
@@ -300,7 +300,9 @@ function getOptions() {
     if (elem.tagName === "SELECT") {
       options[option] = elem.value;
     } else if (elem.type === "number") {
-      options[option] = Number(elem.value);
+      if (elem.value !== "") {
+        options[option] = Number(elem.value);
+      }
     } else {
       var isInverted = elem.hasAttribute("data-inverted");
       options[option] = isInverted ? !elem.checked : elem.checked;