Fix issue with input fields values

kotsiossp97 · Mar 15, 2024 · 9c70102 · 9c70102
1 parent c7e7bad
commit 9c70102
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 10 deletions.
diff --git a/src/lib/angleCalculator.ts b/src/lib/angleCalculator.ts
@@ -9,14 +9,18 @@ export const AngleCalculator = {
      * b: left,
      * c: ypoteinousa
      */
+    const a = parseFloat(centerWidth)
+    const b = parseFloat(leftWidth)
+    const c = parseFloat(ypotinousa)
+
     const cosC =
-      (Math.pow(centerWidth, 2) +
-        Math.pow(leftWidth, 2) -
-        Math.pow(ypotinousa, 2)) /
-      (2 * centerWidth * leftWidth);
+      (Math.pow(a, 2) +
+        Math.pow(b, 2) -
+        Math.pow(c, 2)) /
+      (2 * a * b);
 
-    const c = Math.acos(cosC);
+    const angleRad = Math.acos(cosC);
     const arcConst = 180 / Math.PI;
-    return (c * arcConst)
+    return (angleRad * arcConst)
   },
 };
diff --git a/src/models/calculator.ts b/src/models/calculator.ts
@@ -17,9 +17,9 @@ export interface ICalcResults {
 }
 
 export interface IAngleCalcInputs {
-  centerWidth: number;
-  leftWidth: number;
-  ypotinousa: number;
+  centerWidth: string;
+  leftWidth: string;
+  ypotinousa: string;
 }
 
 export interface IAngleCalcResults {

diff --git a/src/pages/Triples/InputsCard.tsx b/src/pages/Triples/InputsCard.tsx
@@ -26,7 +26,7 @@ const InputsCard: React.FC<IInputsCardProps> = (props) => {
   } = props;
 
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const value = parseFloat(e.target.value);
+    const value = e.target.value;
     const id = e.target.id;
     // if (!value) return;