added validator for v/d

src/lib/DisplayData.svelte

@@ -1,6 +1,43 @@
 <script lang="ts">
   export let pokemonData
+  function v_validator(v) {
+    if (typeof v !== "number") {
+      return null;
+    }
+    if (v > 31) {
+      return 31;
+    }
+    if (v < 0) {
+      return 0;
+    }
+    return v;
+  }
+  function d_validator(d) {
+    if (typeof d !== "number") {
+      return null;
+    }
+    if (d > 252) {
+      return 252;
+    }
+    if (d < 0) {
+      return 0;
+    }
+    return d;
+  }
   $: {
+    // validator
+    hp_v = v_validator(hp_v);
+    atk_v = v_validator(atk_v);
+    def_v = v_validator(def_v);
+    spatk_v = v_validator(spatk_v);
+    spdef_v = v_validator(spdef_v);
+    spd_v = v_validator(spd_v);
+    hp_d = d_validator(hp_d);
+    atk_d = d_validator(atk_d);
+    def_d = d_validator(def_d);
+    spatk_d = d_validator(spatk_d);
+    spdef_d = d_validator(spdef_d);
+    spd_d = d_validator(spd_d);
     // 性格補正 0.9/1/1.1
     let atk_p = 1;
     let def_p = 1;

src/style.css

@@ -87,7 +87,11 @@ button {
 #greet-input {
   margin-right: 5px;
 }
-
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
 .type {
   font-size: small;
   font-weight: bold;