Skip to content

Commit 83345a9

Browse files
authored
Update index.html
Order
1 parent e3f3822 commit 83345a9

File tree

1 file changed

+181
-180
lines changed

1 file changed

+181
-180
lines changed

index.html

Lines changed: 181 additions & 180 deletions
Original file line numberDiff line numberDiff line change
@@ -670,193 +670,14 @@ <h3 style="margin:7px">Volume of a Cube</h3>
670670
</details>
671671
</section>
672672
<br><br><br><br>
673-
<div itemscope itemtype="https://schema.org/LearningResource https://schema.org/MathSolver">
674-
<meta itemprop="name" content="Core Geometric System ™">
675-
<meta itemprop="url" content="https://basic-geometry.github.io">
676-
<meta itemprop="inLanguage" content="en">
677-
<meta itemprop="accessibilityHazard" content="none">
678-
<meta itemprop="accessibilitySummary" content="Equations with figures and explanations">
679-
<meta itemprop="accessMode" content="textual">
680-
<meta itemprop="accessMode" content="visual">
681-
<meta itemprop="isAccessibleForFree" content="true">
682-
<meta itemprop="isFamilyFriendly" content="true">
683-
<meta itemprop="keywords" content="Core Geometric System, Exact Geometric Calculations, Analysis, Engineering Design Solutions, Computer Graphics Rendering, Algorithm Optimization, Navigation">
684-
<meta itemprop="educationalLevel" content="from basic to advanced">
685-
<meta itemprop="typicalAgeRange" content="6-18">
686-
<section itemprop="mathExpression" itemscope itemtype="https://schema.org/SolveMathAction" id="triangle">
687-
<h3 style="margin:7px" itemprop="eduQuestionType">Area of a Triangle</h3>
688-
<meta itemprop="target" content="https://basic-geometry.github.io?q={triangle_side1=3_side2=4_side3=5_area=?}">
689-
<div itemprop="result" itemscope itemtype="https://schema.org/LearningResource">
690-
<meta itemprop="name" content="Triangle area formula">
691-
<meta itemprop="usageInfo" content="Either by base length and height, or perimeter">
692-
<br>
693-
<p itemprop="description" style="margin:12px">The area of a triangle equals half of the area of a rectangle with a width equal to the base of the triangle and length equal to the height of the triangle.</p>
694-
<p itemprop="abstract" style="margin:12px">The base of a triangle multiplied by its height equals a rectangle with twice the area of the triangle.
695-
<br>
696-
The square root of half of the area of the rectangle is the side length of the theoretical square that has the same area as the triangle.</p>
697-
<br>
698-
<div itemprop="text">
699-
<math display="block" xmlns="http://www.w3.org/1998/Math/MathML">
700-
<mrow>
701-
<mi>A</mi>
702-
<mo>=</mo>
703-
<mrow>
704-
<mfrac>
705-
<mrow>
706-
<mi>base</mi>
707-
<mo>×</mo>
708-
<mi>height</mi>
709-
</mrow>
710-
<mn>2</mn>
711-
</mfrac>
712-
</mrow>
713-
</mrow>
714-
</math>
715-
</div>
716-
</div>
717-
<br><br>
718-
<div itemprop="result" itemscope itemtype="https://schema.org/LearningResource">
719-
<meta itemprop="name" content="Triangle area formula aka Heron's formula">
720-
<p itemprop="description" style="margin:12px">The area of a triangle can also be calculated by the length of its sides.</p>
721-
<br>
722-
<div itemprop="usageInfo">
723-
<math display="block" xmlns="http://www.w3.org/1998/Math/MathML">
724-
<mrow>
725-
<mi>S</mi>
726-
<mo>=</mo>
727-
<mi>Semi perimeter</mi>
728-
<mo>=</mo>
729-
<mrow>
730-
<mfrac>
731-
<mrow>
732-
<mo>(</mo>
733-
<msub>
734-
<mi>side</mi>
735-
<mn>1</mn>
736-
</msub>
737-
<mo>+</mo>
738-
<msub>
739-
<mi>side</mi>
740-
<mn>2</mn>
741-
</msub>
742-
<mo>+</mo>
743-
<msub>
744-
<mi>side</mi>
745-
<mn>3</mn>
746-
</msub>
747-
<mo>)</mo>
748-
</mrow>
749-
<mn>2</mn>
750-
</mfrac>
751-
</mrow>
752-
</mrow>
753-
</math>
754-
</div>
755-
<br><br><br>
756-
<div itemprop="text">
757-
<math display="block" xmlns="http://www.w3.org/1998/Math/MathML">
758-
<mrow>
759-
<mi>A</mi>
760-
<mo>=</mo>
761-
<mrow>
762-
<msqrt>
763-
<mrow>
764-
<mi>S</mi>
765-
<mo>×</mo>
766-
<mo>(</mo>
767-
<mi>S</mi>
768-
<mo>-</mo>
769-
<msub>
770-
<mi>side</mi>
771-
<mn>1</mn>
772-
</msub>
773-
<mo>)</mo>
774-
<mo>×</mo>
775-
<mo>(</mo>
776-
<mi>S</mi>
777-
<mo>-</mo>
778-
<msub>
779-
<mi>side</mi>
780-
<mn>2</mn>
781-
</msub>
782-
<mo>)</mo>
783-
<mo>×</mo>
784-
<mo>(</mo>
785-
<mi>S</mi>
786-
<mo>-</mo>
787-
<msub>
788-
<mi>side</mi>
789-
<mn>3</mn>
790-
</msub>
791-
<mo>)</mo>
792-
</mrow>
793-
</msqrt>
794-
</mrow>
795-
</mrow>
796-
</math>
797-
</div>
798-
</div>
799-
<br><br>
800-
<div itemprop="subjectOf" itemscope itemtype="https://schema.org/SoftwareApplication" style="margin:12px" id="triangle_area_calculator">
801-
<meta itemprop="name" content="Triangle Area Calculator">
802-
<meta itemprop="applicationCategory" content="Geometric Calculator">
803-
<meta itemprop="operatingSystem" content="Web">
804-
<meta itemprop="isAccessibleForFree" content="true">
805-
<meta itemprop="description" content="Calculate the area of a triangle from the lengths of its sides.">
806-
<meta itemprop="usageInfo" content="Enter the lengths of the sides of the triangles one by one.">
807-
<label for="side1">Side 1:</label>
808-
<input id="side1" type="number" value="1" step="any">
809-
<br>
810-
<label for="side2">Side 2:</label>
811-
<input id="side2" type="number" value="1" step="any">
812-
<br>
813-
<label for="side3">Side 3:</label>
814-
<input id="side3" type="number" value="1" step="any">
815-
<script>
816-
function triangleArea(product) {
817-
return Math.sqrt(product);
818-
}
819-
820-
function updateTriangleArea() {
821-
const side1 = parseFloat(document.getElementById('side1').value);
822-
const side2 = parseFloat(document.getElementById('side2').value);
823-
const side3 = parseFloat(document.getElementById('side3').value);
824-
825-
if (isNaN(side1) || isNaN(side2) || isNaN(side3)) {
826-
document.getElementById('triangle-area').innerText = '';
827-
return;
828-
}
829-
830-
// Triangle validity check
831-
if (side1 + side2 <= side3 || side2 + side3 <= side1 || side3 + side1 <= side2) {
832-
document.getElementById('triangle-area').innerText = 'The sum of the length of the two shorter sides of a triangle is larger than the third one.';
833-
return;
834-
}
835-
836-
const s = (side1 + side2 + side3) / 2;
837-
const product = s * (s - side1) * (s - side2) * (s - side3);
838-
const area = triangleArea(product);
839-
840-
document.getElementById('triangle-area').innerText =
841-
`Area: ${area.toFixed(5)} square units`;
842-
}
843-
844-
document.getElementById('side1').addEventListener('input', updateTriangleArea);
845-
document.getElementById('side2').addEventListener('input', updateTriangleArea);
846-
document.getElementById('side3').addEventListener('input', updateTriangleArea);
847-
</script>
848-
<p id="triangle-area"></p>
849-
</div>
850-
</section>
851-
<br><br><br><br>
852673
<section itemscope itemtype="http://schema.org/LearningResource" id="trigonometry" itemref="division">
853674
<h3 itemprop="name" style="margin:7px">Trigonometry</h3>
854675
<br>
855676
<figure class="imgbox" itemscope itemtype="http://schema.org/ImageObject">
856677
<img class="center-fit" src="trigonometry.png" alt="Trigonometric identities in a right triangle">
857678
</figure>
858679
<br>
859-
<p itemprop="about" style="margin:12px">In a right triangle the ratios between the sides and the angles are proportional.</p>
680+
<p itemprop="description" style="margin:12px">In a right triangle the ratios between the sides and the angles are proportional.</p>
860681
<br>
861682
<br>
862683
<math style="margin:12px" xmlns="http://www.w3.org/1998/Math/MathML">
@@ -1645,10 +1466,190 @@ <h3 itemprop="name" style="margin:7px">Trigonometry</h3>
16451466

16461467
return radian;
16471468
}
1469+
16481470
</script>
16491471
</div>
16501472
</section>
16511473
<br><br><br><br>
1474+
<div itemscope itemtype="https://schema.org/LearningResource https://schema.org/MathSolver">
1475+
<meta itemprop="name" content="Core Geometric System ™">
1476+
<meta itemprop="url" content="https://basic-geometry.github.io">
1477+
<meta itemprop="inLanguage" content="en">
1478+
<meta itemprop="accessibilityHazard" content="none">
1479+
<meta itemprop="accessibilitySummary" content="Equations with figures and explanations">
1480+
<meta itemprop="accessMode" content="textual">
1481+
<meta itemprop="accessMode" content="visual">
1482+
<meta itemprop="isAccessibleForFree" content="true">
1483+
<meta itemprop="isFamilyFriendly" content="true">
1484+
<meta itemprop="keywords" content="Core Geometric System, Exact Geometric Calculations, Analysis, Engineering Design Solutions, Computer Graphics Rendering, Algorithm Optimization, Navigation">
1485+
<meta itemprop="educationalLevel" content="from basic to advanced">
1486+
<meta itemprop="typicalAgeRange" content="6-18">
1487+
<section itemprop="mathExpression" itemscope itemtype="https://schema.org/SolveMathAction" id="triangle">
1488+
<h3 style="margin:7px" itemprop="eduQuestionType">Area of a Triangle</h3>
1489+
<meta itemprop="target" content="https://basic-geometry.github.io?q={triangle_side1=3_side2=4_side3=5_area=?}">
1490+
<div itemprop="result" itemscope itemtype="https://schema.org/LearningResource">
1491+
<meta itemprop="name" content="Triangle area formula">
1492+
<meta itemprop="usageInfo" content="Either by base length and height, or perimeter">
1493+
<br>
1494+
<p itemprop="description" style="margin:12px">The area of a triangle equals half of the area of a rectangle with a width equal to the base of the triangle and length equal to the height of the triangle.</p>
1495+
<p itemprop="abstract" style="margin:12px">The base of a triangle multiplied by its height equals a rectangle with twice the area of the triangle.
1496+
<br>
1497+
The square root of half of the area of the rectangle is the side length of the theoretical square that has the same area as the triangle.</p>
1498+
<br>
1499+
<div itemprop="text">
1500+
<math display="block" xmlns="http://www.w3.org/1998/Math/MathML">
1501+
<mrow>
1502+
<mi>A</mi>
1503+
<mo>=</mo>
1504+
<mrow>
1505+
<mfrac>
1506+
<mrow>
1507+
<mi>base</mi>
1508+
<mo>×</mo>
1509+
<mi>height</mi>
1510+
</mrow>
1511+
<mn>2</mn>
1512+
</mfrac>
1513+
</mrow>
1514+
</mrow>
1515+
</math>
1516+
</div>
1517+
</div>
1518+
<br><br>
1519+
<div itemprop="result" itemscope itemtype="https://schema.org/LearningResource">
1520+
<meta itemprop="name" content="Triangle area formula aka Heron's formula">
1521+
<p itemprop="description" style="margin:12px">The area of a triangle can also be calculated by the length of its sides.</p>
1522+
<br>
1523+
<div itemprop="usageInfo">
1524+
<math display="block" xmlns="http://www.w3.org/1998/Math/MathML">
1525+
<mrow>
1526+
<mi>S</mi>
1527+
<mo>=</mo>
1528+
<mi>Semi perimeter</mi>
1529+
<mo>=</mo>
1530+
<mrow>
1531+
<mfrac>
1532+
<mrow>
1533+
<mo>(</mo>
1534+
<msub>
1535+
<mi>side</mi>
1536+
<mn>1</mn>
1537+
</msub>
1538+
<mo>+</mo>
1539+
<msub>
1540+
<mi>side</mi>
1541+
<mn>2</mn>
1542+
</msub>
1543+
<mo>+</mo>
1544+
<msub>
1545+
<mi>side</mi>
1546+
<mn>3</mn>
1547+
</msub>
1548+
<mo>)</mo>
1549+
</mrow>
1550+
<mn>2</mn>
1551+
</mfrac>
1552+
</mrow>
1553+
</mrow>
1554+
</math>
1555+
</div>
1556+
<br><br><br>
1557+
<div itemprop="text">
1558+
<math display="block" xmlns="http://www.w3.org/1998/Math/MathML">
1559+
<mrow>
1560+
<mi>A</mi>
1561+
<mo>=</mo>
1562+
<mrow>
1563+
<msqrt>
1564+
<mrow>
1565+
<mi>S</mi>
1566+
<mo>×</mo>
1567+
<mo>(</mo>
1568+
<mi>S</mi>
1569+
<mo>-</mo>
1570+
<msub>
1571+
<mi>side</mi>
1572+
<mn>1</mn>
1573+
</msub>
1574+
<mo>)</mo>
1575+
<mo>×</mo>
1576+
<mo>(</mo>
1577+
<mi>S</mi>
1578+
<mo>-</mo>
1579+
<msub>
1580+
<mi>side</mi>
1581+
<mn>2</mn>
1582+
</msub>
1583+
<mo>)</mo>
1584+
<mo>×</mo>
1585+
<mo>(</mo>
1586+
<mi>S</mi>
1587+
<mo>-</mo>
1588+
<msub>
1589+
<mi>side</mi>
1590+
<mn>3</mn>
1591+
</msub>
1592+
<mo>)</mo>
1593+
</mrow>
1594+
</msqrt>
1595+
</mrow>
1596+
</mrow>
1597+
</math>
1598+
</div>
1599+
</div>
1600+
<br><br>
1601+
<div itemprop="subjectOf" itemscope itemtype="https://schema.org/SoftwareApplication" style="margin:12px" id="triangle_area_calculator">
1602+
<meta itemprop="name" content="Triangle Area Calculator">
1603+
<meta itemprop="applicationCategory" content="Geometric Calculator">
1604+
<meta itemprop="operatingSystem" content="Web">
1605+
<meta itemprop="isAccessibleForFree" content="true">
1606+
<meta itemprop="description" content="Calculate the area of a triangle from the lengths of its sides.">
1607+
<meta itemprop="usageInfo" content="Enter the lengths of the sides of the triangles one by one.">
1608+
<label for="side1">Side 1:</label>
1609+
<input id="side1" type="number" value="1" step="any">
1610+
<br>
1611+
<label for="side2">Side 2:</label>
1612+
<input id="side2" type="number" value="1" step="any">
1613+
<br>
1614+
<label for="side3">Side 3:</label>
1615+
<input id="side3" type="number" value="1" step="any">
1616+
<script>
1617+
function triangleArea(product) {
1618+
return Math.sqrt(product);
1619+
}
1620+
1621+
function updateTriangleArea() {
1622+
const side1 = parseFloat(document.getElementById('side1').value);
1623+
const side2 = parseFloat(document.getElementById('side2').value);
1624+
const side3 = parseFloat(document.getElementById('side3').value);
1625+
1626+
if (isNaN(side1) || isNaN(side2) || isNaN(side3)) {
1627+
document.getElementById('triangle-area').innerText = '';
1628+
return;
1629+
}
1630+
1631+
// Triangle validity check
1632+
if (side1 + side2 <= side3 || side2 + side3 <= side1 || side3 + side1 <= side2) {
1633+
document.getElementById('triangle-area').innerText = 'The sum of the length of the two shorter sides of a triangle is larger than the third one.';
1634+
return;
1635+
}
1636+
1637+
const s = (side1 + side2 + side3) / 2;
1638+
const product = s * (s - side1) * (s - side2) * (s - side3);
1639+
const area = triangleArea(product);
1640+
1641+
document.getElementById('triangle-area').innerText =
1642+
`Area: ${area.toFixed(5)} square units`;
1643+
}
1644+
1645+
document.getElementById('side1').addEventListener('input', updateTriangleArea);
1646+
document.getElementById('side2').addEventListener('input', updateTriangleArea);
1647+
document.getElementById('side3').addEventListener('input', updateTriangleArea);
1648+
</script>
1649+
<p id="triangle-area"></p>
1650+
</div>
1651+
</section>
1652+
<br><br><br><br>
16521653
<section itemprop="mathExpression" itemscope itemtype="https://schema.org/SolveMathAction" id="polygon">
16531654
<h3 itemprop="eduQuestionType" style="margin:7px">Area of a regular Polygon</h3>
16541655
<meta itemprop="target" content="https://basic-geometry.github.io?q={polygon_side_number=5_length=2_area=?}">

0 commit comments

Comments
 (0)