added reset all button

src/script/weapon.js

@@ -13,6 +13,11 @@ async function init() {
 }
 
 function update() {
+    // clamp input stats
+    let stats = [...document.getElementsByName("stat")].map(el => {
+        return (el.value = Math.min(Math.max(parseInt(el.value), 0), 99));
+    });
+
     // get parameters
     let requireStats = document.getElementById("requirements").checked;
     let oneHandable = document.getElementById("2h-sometimes").checked;
@@ -27,7 +32,7 @@ function update() {
     let upgraded = document.getElementById("max-upgrade").checked;
 
     // get current stats
-    let stats = [...document.getElementsByName("stat")].map(el => parseInt(el.value));
+
     if (twoHanding) {
         stats[0] = Math.floor(stats[0] * 1.5);
     }
@@ -101,6 +106,17 @@ function update() {
         });
 }
 
+function resetAll() {
+    [...document.getElementsByName("stat")].forEach(el => (el.value = 10));
+    document.getElementById("max-upgrade").click();
+    document.getElementById("requirements").checked = true;
+    document.getElementById("buffable").checked = false;
+    document.getElementById("2h-never").click();
+    setAll("infusion", true);
+    setAll("category", false);
+    setAll("weapon", true);
+}
+
 function setAll(name, state) {
     [...document.getElementsByName(name), ...document.getElementsByClassName(name)].forEach(el => (el.checked = state));
     update();

src/weapon.html

@@ -33,7 +33,12 @@
         <div class="app">
             <!-- parameters -->
             <article style="flex-basis: 20%">
-                <b>Parameters</b>
+                <div>
+                    <b>Parameters</b>
+                    <button onclick="resetAll()" style="margin-bottom: 0px">
+                        Reset All
+                    </button>
+                </div>
                 <hr />
                 <div>
                     <label for="str">Strength</label>