@@ -1101,26 +1101,26 @@ <h4 style="font-size:160%;margin:7px">Trigonometry</h4>
11011101function updateTriangleArea ( ) {
11021102 const side1 = parseFloat ( document . getElementById ( 'side1' ) . value ) ;
11031103 const side2 = parseFloat ( document . getElementById ( 'side2' ) . value ) ;
1104- const side3 = parseFloat ( document . getElementById ( 'side3' ) . value ) ;
1104+ const side3 = parseFloat ( document . getElementById ( 'side3' ) . value ) ;
11051105 if ( isNaN ( side1 ) || isNaN ( side2 ) || isNaN ( side3 ) ) {
11061106 document . getElementById ( 'triangle-area' ) . innerText = '' ;
11071107 return ;
11081108 }
1109-
1110- const s = side1 + side2 + side3 ;
1111- const s1 = side2 + side3 ;
1112- const s2 = side1 + side3 ;
1113- const s3 = side1 + side2 ;
1109+
1110+ const s = ( side1 + side2 + side3 ) / 2 ;
1111+ const s1 = s - side1 ;
1112+ const s2 = s - side2 ;
1113+ const s3 = s - side3 ;
11141114 const product = s * s1 * s2 * s3 ;
1115- const area = triangleArea ( product ) ;
1115+ const area = triangleArea ( product ) ;
11161116
11171117 document . getElementById ( 'triangle-area' ) . innerText =
11181118 `Area: ${ area . toFixed ( 5 ) } square units` ;
11191119}
11201120
11211121 document . getElementById ( 'side1' ) . addEventListener ( 'input' , updateTriangleArea ) ;
11221122 document . getElementById ( 'side2' ) . addEventListener ( 'input' , updateTriangleArea ) ;
1123- document . getElementById ( 'side3' ) . addEventListener ( 'input' , updateTriangleArea ) ;
1123+ document . getElementById ( 'side3' ) . addEventListener ( 'input' , updateTriangleArea ) ;
11241124</ script >
11251125< p style ="margin:12px; " id ="triangle-area "> </ p >
11261126</ div >
0 commit comments