1 files changed, 15 insertions(+), 3 deletions(-)

M src/components/DamageToDice.tsx

@@ 42,9 42,11 @@ export default function DamageToDice() {
       <div>
         {`${roll.numberOfDice}${roll.die.die}${numberToAsciiWithSign(
           modifier
-        )} = ${roll.damage} (${roll.percentage}% of target damage); min: ${
-          roll.numberOfDice * 1 + modifier
-        }, max: ${roll.numberOfDice * roll.die.sides + modifier}`}
+        )} = ${roll.damage} (${Math.round(
+          roll.percentage
+        )}% of target damage); min: ${roll.numberOfDice * 1 + modifier}, max: ${
+          roll.numberOfDice * roll.die.sides + modifier
+        }`}
       </div>
     ));
   };


@@ 90,6 92,11 @@ export default function DamageToDice() {
             const target = e.target as HTMLInputElement;
             target.select();
           }}
+          onKeyPress={(e) => {
+            if (e.key === "Enter") {
+              handleCalculate();
+            }
+          }}
         />
         <label for="modifier">Modifier</label>
         <input


@@ 101,6 108,11 @@ export default function DamageToDice() {
             const target = e.target as HTMLInputElement;
             target.select();
           }}
+          onKeyPress={(e) => {
+            if (e.key === "Enter") {
+              handleCalculate();
+            }
+          }}
         />
         <button onClick={handleCalculate}>Calculate</button>
       </div>