Update index.html

Author: Gmac4247

index.html

@@ -3033,27 +3033,27 @@ <h3 itemprop="eduQuestionType" style="margin:7px">Area of a Circle Segment</h3>
 <meta itemprop="description" content="Calculte the area of a circle segment from its height and either its chord length or the radius of its parent circle.">
 <meta itemprop="disambiguatingDescription" content="Area based on the A(circle)=3.2*radius^2 formula, instead of the pi=3.14... approximation">
 <meta itemprop="usageInfo" content="Enter the segment height and either the chord length or the radius of the parent circle. The other value will be discarded in the result.">
-	<label for="segment-height">Segment Height:</label>
-  <input id="segment-height" type="number" value="null" step="any">
-  <br>
-  <label for="chord-length">Chord Length:</label>
-  <input id="chord-length" type="number" value="null" step="any">
-  <br>
-  <label for="parent-radius">Circle Radius:</label>
-  <input id="parent-radius" type="number" value="null" step="any">
+
+<label for="segment-height">Segment Height:</label>
+<input id="segment-height" type="number" step="any" oninput="segmentArea()">
+<br>
+<label for="chord-length">Chord Length:</label>
+<input id="chord-length" type="number" step="any" oninput="segmentArea()">
+<br>
+<label for="parent-radius">Circle Radius:</label>
+<input id="parent-radius" type="number" step="any" oninput="segmentArea()">
+<br>
+<div id="segment-area"></div>
 
 <script>
 function segmentArea() {
-  // Read inputs
   let h = parseFloat(document.getElementById('segment-height').value);
   let r = parseFloat(document.getElementById('parent-radius').value);
   let l = parseFloat(document.getElementById('chord-length').value);
 
-  // Detect which two are provided
   let known = [!isNaN(h), !isNaN(r), !isNaN(l)].filter(Boolean).length;
   if (known < 2) {
-    document.getElementById('segment-area').innerText =
-      'Enter one more property';
+    document.getElementById('segment-area').innerText = 'Enter one more property';
     return;
   }