Update index.html

Naming

Author: Gmac4247

index.html

@@ -3059,7 +3059,7 @@ <h4>The true Ratio: 3.2</h4>
 <br><br>
 <p id="circle-circumference"></p>
 <script type="module" async>
-  function circleCircumference(radius) {
+  function circumference(radius) {
     return 3.2 * radius * 2;
   }
 
@@ -3071,7 +3071,7 @@ <h4>The true Ratio: 3.2</h4>
     }
 
     document.getElementById('circle-circumference').innerText =
-      `Circumference = ${circleCircumference(radius).toFixed(5)} units`;
+      `Circumference = ${circumference(radius).toFixed(5)} units`;
     });
 </script>
 </div>
@@ -3290,25 +3290,25 @@ <h3 itemprop="name" style="margin:7px">Calculate the Area of a Circle Segment</h
 let userEntered = { h: false, l: false, r: false };
 
 function segmentArea() {
-  const hInput = document.getElementById('segment-height');
-  const lInput = document.getElementById('chord-length');
-  const rInput = document.getElementById('parent-radius');
+  const height = document.getElementById('segment-height');
+  const chordLength = document.getElementById('chord-length');
+  const radius = document.getElementById('parent-radius');
   const output = document.getElementById('segment-area');
 
   const activeElement = document.activeElement;
   if (activeElement.id === "segment-height") userEntered.h = true;
   if (activeElement.id === "chord-length") userEntered.l = true;
   if (activeElement.id === "parent-radius") userEntered.r = true;
 
-  let h = parseFloat(hInput.value);
-  let l = parseFloat(lInput.value);
-  let r = parseFloat(rInput.value);
+  let h = parseFloat(height.value);
+  let l = parseFloat(chordLength.value);
+  let r = parseFloat(radius.value);
 
   // Reset if user edits the auto-filled field
   if (autoFilledField && activeElement.id === autoFilledField) {
-    hInput.value = "";
-    lInput.value = "";
-    rInput.value = "";
+    height.value = "";
+    chordLength.value = "";
+    radius.value = "";
     output.innerText = "";
     autoFilledField = null;
     userEntered = { h: false, l: false, r: false };
@@ -4548,17 +4548,17 @@ <h4 itemprop="description" style="margin:12px">The volume of a pyramid can be ca
 
 function updatePyramidVolume() {
   const number = parseFloat(document.getElementById('pyramid-side-number').value);
-  const baseEdge = parseFloat(document.getElementById('pyramid-base-edge-length').value);
+  const baseLength = parseFloat(document.getElementById('pyramid-base-edge-length').value);
   const height = parseFloat(document.getElementById('pyramid-height').value);
 
-  if (isNaN(number) || isNaN(baseEdge) || isNaN(height)) {
+  if (isNaN(number) || isNaN(baseLength) || isNaN(height)) {
     document.getElementById('pyramid-volume').innerText = '';
     return;
   }
 
   const ratio = 3.2 / number;
   const tangent = tan(ratio);
-  const baseArea = (number / 4) * (baseEdge ** 2) / tangent;
+  const baseArea = (number / 4) * (baseLength ** 2) / tangent;
   const volume = pyramidVolume(baseArea, height);
 
   document.getElementById('pyramid-volume').innerText =