Update index.html

Spacing and calculator script

Author: Gmac4247

index.html

@@ -1847,7 +1847,6 @@ <h3 itemprop="name" style="margin:7px">Area of a regular Polygon</h3>
 </math>
 </div>
 <br>
-<br>
 <div itemprop="mathExpression">
 <math style="margin:12px" xmlns="http://www.w3.org/1998/Math/MathML">
   <mrow>
@@ -2518,7 +2517,6 @@ <h3 itemprop="name" style="margin:7px">Area of a Circle</h3>
 </section>
 <p style="margin:12px" itemprop="description">The area of both the square and the sum of the quadrants equals 16 right triangles with legs of a quarter, and a half of the square's sides, and its hypotenuse equal to the radius of the circle.</p>
 <br>
-<br>
 <div style="margin:12px" itemprop="mathExpression">
 <math xmlns="http://www.w3.org/1998/Math/MathML">
 <mrow>
@@ -3102,7 +3100,6 @@ <h4>A Rational Alternative: 3.2</h4>
 <p style="margin:12px" itemprop="description">The length of the circumference approaches 6.4 × radius as its thickness approaches 0.
 </p>
 <br>
-<br>
 <div style="margin:12px" itemprop="mathExpression">
 <math xmlns="http://www.w3.org/1998/Math/MathML">
 <mrow>
@@ -3117,7 +3114,6 @@ <h4>A Rational Alternative: 3.2</h4>
 <br>
 <p style="margin:12px" itemprop="description">In calculus terms:</p>
 <br>
-<br>
 <div itemprop="mathExpression" style="margin:12px">
 <math xmlns="http://www.w3.org/1998/Math/MathML">
     <mrow>
@@ -3279,6 +3275,9 @@ <h3 itemprop="name" style="margin:7px">Area of a Circle Segment</h3>
 <br>
 <label for="segment-height">Height:</label>
 <input id="segment-height" type="number" value="1" step="any">
+<br>
+<label for="segment-parent-radius">Radius:</label>
+<input id="segment-parent-radius" type="number" value="1" step="any">
 <script>
   function segmentArea(length, height, angle, radius) {
     return angle * radius ** 2 - (radius - height) * length / 2;
@@ -3287,7 +3286,8 @@ <h3 itemprop="name" style="margin:7px">Area of a Circle Segment</h3>
 function updateSegmentArea() {
   const length = parseFloat(document.getElementById('segment-length').value);
   const height = parseFloat(document.getElementById('segment-height').value);
-
+const radius = parseFloat(document.getElementById('segment-parent-radius').value);
+	
   if (isNaN(length) || isNaN(height) || height === 0) {
     document.getElementById('segment-area').innerText = '';
     return;
@@ -3324,6 +3324,7 @@ <h3 itemprop="name" style="margin:7px">Area of a Circle Segment</h3>
 
   document.getElementById('segment-length').addEventListener('input', updateSegmentArea);
   document.getElementById('segment-height').addEventListener('input', updateSegmentArea);
+document.getElementById('segment-parent-radius').addEventListener('input', updateSegmentArea);
 </script>
 <p id="segment-area"></p>
 </div>
@@ -3357,7 +3358,6 @@ <h3 itemprop="name" style="margin:7px">Surface Area of a Cone</h3>
 <br>
 <p style="margin:12px" itemprop="abstract">The surface area of a cone is calculated as a circle slice with a radius equal to the slant height and the angle given by the ratio between the height and the slant height.</p>
 <br>
-<br>
 <div style="margin:12px" itemprop="mathExpression">
 <math xmlns="http://www.w3.org/1998/Math/MathML" >
 <mrow>
@@ -3467,7 +3467,6 @@ <h3 itemprop="name" style="margin:7px">Volume of a Sphere</h3>
 </section>
 <p style="margin:12px" itemprop="abstract">The volume of a sphere equals the cubic value of the square root of its cross-sectional area, just like a cube.</p>
 <br>
-<br>
 <div style="margin:12px" itemprop="mathExpression">
 <math xmlns="http://www.w3.org/1998/Math/MathML">
 <mrow>
@@ -3591,7 +3590,6 @@ <h3 itemprop="name" style="margin:7px">Volume of a Spherical Cap</h3>
     <br>
 <p style="margin:12px" itemprop="abstract">One dimension of the volume of sphere formula can be adjusted to calculate the volume of a spherical cap as a distorted hemisphere.</p>
 <br>
-<br>
 <div style="margin:12px" itemprop="mathExpression">
 <math xmlns="http://www.w3.org/1998/Math/MathML" >
 <mrow>
@@ -4005,7 +4003,6 @@ <h4 itemprop="abstract">The volume of a cone can be calculated by algebraically
 </math>
 </div>
 <br>
-<br>
 <div itemprop="mathExpression">
 <math style="margin:12px" xmlns="http://www.w3.org/1998/Math/MathML" >
 <mrow>
@@ -4125,7 +4122,6 @@ <h3 itemprop="name" style="margin:7px">Volume of a Frustum Cone</h3>
 </math>
 </div>
 <br>
-<br>
 <div itemprop="mathExpression">
 <math style="margin:12px" xmlns="http://www.w3.org/1998/Math/MathML">
      <mrow>
@@ -4654,7 +4650,6 @@ <h3 itemprop="name" style="margin:12px">Volume of a horizontal square Frustum Py
 </math>
 </div>
 <br>
-<br>
 <div style="margin:12px" itemprop="mathExpression">
 <math xmlns="http://www.w3.org/1998/Math/MathML">
 <mrow>
@@ -4844,6 +4839,7 @@ <h3 itemprop="name" style="margin:7px">Volume of a Tetrahedron</h3>
 <br>
 <br>
 <br>
+<br>
 <p itemprop="description">The height of the tetrahedron is also calculable via trigonometry.
 </p>
 <br>
@@ -4938,6 +4934,7 @@ <h3 itemprop="name" style="margin:7px">Volume of a Tetrahedron</h3>
 <br>
 <br>
 <br>
+<br>
 <p>The volume of a pyramid equals base × height × √2 / 4 . 
 </p>
 </div>