feat(demo): Added a Reset button (#167)

Co-authored-by: Jonah Lawrence <jonah@freshidea.com>

src/demo/index.php

@@ -106,6 +106,8 @@
                     <label>✕</label>
                     <input class="param inline" type="number" id="height" name="height" alt="Height (px)" placeholder="50" value="50">
                 </span>
+
+                <input type="button" class="btn" value="Reset" onclick="preview.reset();">
             </form>
         </div>
 

src/demo/js/script.js

@@ -156,6 +156,25 @@ let preview = {
     this.update();
     return false;
   },
+  reset: function () {
+    const overrides = {
+      font: "Fira Code",
+      pause: "1000",
+      width: "435",
+    };
+    // reset all inputs
+    const inputs = document.querySelectorAll(".param");
+    inputs.forEach((input) => {
+      let value = overrides[input.name] || this.defaults[input.name];
+      if (value) {
+        if (["color", "background"].includes(input.name)) {
+          input.jscolor.fromString(value);
+        } else {
+          input.value = value;
+        }
+      }
+    });
+  },
 };
 
 let clipboard = {