Update index.html

Author: Gmac4247

index.html

@@ -3043,31 +3043,32 @@ <h3 itemprop="eduQuestionType" style="margin:7px">Area of a Circle Segment</h3>
 <input id="parent-radius" type="number" step="any" oninput="segmentArea()">
 <br>
 <script>
-function segmentArea() {
-  let h = parseFloat(document.getElementById('segment-height').value);
-  let r = parseFloat(document.getElementById('parent-radius').value);
-  let l = parseFloat(document.getElementById('chord-length').value);
+	function segmentArea() {
+  let hVal = document.getElementById('segment-height').value;
+  let rVal = document.getElementById('parent-radius').value;
+  let lVal = document.getElementById('chord-length').value;
+
+  // Treat empty string as NaN
+  let h = hVal === "" ? NaN : parseFloat(hVal);
+  let r = rVal === "" ? NaN : parseFloat(rVal);
+  let l = lVal === "" ? NaN : parseFloat(lVal);
 
   let known = [!isNaN(h), !isNaN(r), !isNaN(l)].filter(Boolean).length;
   if (known < 2) {
-    document.getElementById('segment-area').innerText = 'Enter one more property';
-    return;
+    document.getElementById('segment-area').innerText = "";
+    return; // don’t auto‑fill anything
   }
 
-  // Case 1: height + radius known → derive length
+  // Derive missing property only once we have exactly 2 inputs
   if (!isNaN(h) && !isNaN(r) && isNaN(l)) {
     let angle = Acos((r - h) / r);
     l = 2 * r * sin(angle);
     document.getElementById('chord-length').value = l.toFixed(5);
   }
-
-  // Case 2: height + length known → derive radius
   if (!isNaN(h) && !isNaN(l) && isNaN(r)) {
     r = (l ** 2 + 4 * h ** 2) / (8 * h);
     document.getElementById('parent-radius').value = r.toFixed(5);
   }
-
-  // Case 3: length + radius known → derive height
   if (!isNaN(l) && !isNaN(r) && isNaN(h)) {
     h = r - Math.sqrt(r ** 2 - (l / 2) ** 2);
     document.getElementById('segment-height').value = h.toFixed(5);
@@ -3076,30 +3077,24 @@ <h3 itemprop="eduQuestionType" style="margin:7px">Area of a Circle Segment</h3>
   // Validity checks
   if (h > r || l < 2 * h || r < h) {
     document.getElementById('segment-area').innerText =
-      'The height of the segment must be shorter than the parent radius and half the length.';
+      'Invalid input: must satisfy h ≤ r, l ≥ 2h, r ≥ h.';
     return;
   }
 
   // Compute angle and area
   let angle = Acos((r - h) / r);
   let area = angle * r ** 2 - (r - h) * (l / 2);
 
-  // Output with semicircle reminders
-  if (h === r) {
-    document.getElementById('segment-area').innerText =
-      `Semicircle area: ${area.toFixed(5)} square units`;
-  } else if (h === l / 2) {
-    document.getElementById('segment-area').innerText =
-      `Semicircle area: ${area.toFixed(5)} square units`;
-  } else if (l === 2 * r) {
+  // Output
+  if (h === r || h === l / 2 || l === 2 * r) {
     document.getElementById('segment-area').innerText =
       `Semicircle area: ${area.toFixed(5)} square units`;
   } else {
     document.getElementById('segment-area').innerText =
       `Area: ${area.toFixed(5)} square units`;
   }
-}
-	  </script>
+	  }
+</script>
   <p id="segment-area"></p>
 </div>
 </section>