Update index.html

Author: Gmac4247

index.html

@@ -3269,26 +3269,55 @@ <h3 itemprop="name" style="margin:7px">Area of a Circle Segment</h3>
 </div>
 <br>
 <br>
-<div style="margin:12px" id="circle-segment_area_calculator">
-<label for="segment-length">Length:</label>
-<input id="segment-length" type="number" value="2" step="any">
-<br>
 <label for="segment-height">Height:</label>
 <input id="segment-height" type="number" value="1" step="any">
+<br>
+<div style="margin:12px" id="circle-segment_area_calculator">
+<label for="segment-length">Chird Length:</label>
+<input id="chord-length" type="number" value="2" step="any">
+<br>
+<label for="segment-height">Circle Radius:</label>
+<input id="parent-radius" type="number" value="1" step="any">
 <script>
   function segmentArea(length, height, angle, radius) {
-    return 2 * angle * radius ** 2 - (radius - height) * length / 2;
+    return angle * radius ** 2 - (radius - height) * length / 2;
   }
 
 function updateSegmentArea() {
-  const length = parseFloat(document.getElementById('segment-length').value);
+  const length = parseFloat(document.getElementById('chord-length').value);
   const height = parseFloat(document.getElementById('segment-height').value);
+const radius = parseFloat(document.getElementById('parent-radius').value);
 
-  if (isNaN(length) || isNaN(height) || height === 0 || length === 0) {
+  if (isNaN(height) || isNaN(length) || isNaN(radius) || height === 0 || length === 0 || radius === 0) {
     document.getElementById('segment-area').innerText = '';
     return;
-  }
+	}
+
+	// If height and parent radius is known 
+	  
+	else if (!isNaN(height) || !isNaN(radius)|| height > 0 || radius > 0) {
+	
+	const ratio = (radius - height) / radius;
+  
+	// Segment validity check
+
 
+  if (ratio > 1) {
+    document.getElementById('segment-area').innerText = 'This ratio is out of range';
+    return;
+  }
+	
+  const angle = parseFloat(Acos(ratio));
+  const length = parseFloat(2 * sin(angle) * radius);
+  
+    document.getElementById('segment-area').innerText =
+    `Area of circle segment: ${area.toFixed(5)} square units`;
+	return;
+  
+	}
+	
+else if (!isNaN(length) || !isNaN(height)|| height > 0 || length > 0) {
+	
 const ratio = 2 * height / length;
 
   // Segment validity check
@@ -3312,13 +3341,14 @@ <h3 itemprop="name" style="margin:7px">Area of a Circle Segment</h3>
     document.getElementById('segment-area').innerText =
     `Area of semi-circle: ${area.toFixed(5)} square units`;
 	return;
-  }
-	
+	}
+		
+
   document.getElementById('segment-area').innerText =
     `Area: ${area.toFixed(5)} square units`;
-}
-
-  document.getElementById('segment-length').addEventListener('input', updateSegmentArea);
+	}
+	
+  document.getElementById('chord-length').addEventListener('input', updateSegmentArea);
   document.getElementById('segment-height').addEventListener('input', updateSegmentArea);
 </script>
 <p id="segment-area"></p>