极客教程如何使用JavaScript计算三角形的面积
给定一个包含输入字段的HTML文档，这些字段保存三角形的边长，即side1，side2和side3。任务是使用JavaScript计算三角形的面积。
方法： 首先我们将使用<input type="number">标签创建三个输入字段以保存数字输入。在输入值填充后，当用户点击按钮时，将调用JavaScript函数Area()。
在JavaScript函数中，我们使用document.getElementById("side1").value获取输入值，然后对其应用parseInt()方法以获得数字输入值。然后使用简单的数学公式来求解三角形的面积，并使用document.getElementById("display").innerHTML将输出显示在屏幕上。
计算三角形面积的公式：
示例： 这个例子展示了如何使用JavaScript计算三角形的面积。
“`html
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>JavaScript function to find the area of a triangle</title>
<script type="text/javascript">
function Area() {
var side1 = parseInt(document.getElementById("side1").value);
var side2 = parseInt(document.getElementById("side2").value);
var side3 = parseInt(document.getElementById("side3").value);
<pre><code> console.log(typeof(side1));
var s = (side1 + side2 + side3) / 2;
var area = Math.sqrt(s * ((s – side1) * (s – side2) * (s – side3)));
document.getElementById("display").innerHTML = area;
}
</code></pre>
</script>
</head>
<body style="text-align: center;">
<h1 style="color: green;">GeeksforGeeks</h1>
<pre><code><h4>JavaScript function to find the area of a triangle</h4>
<label for="side1">Enter the value of side 1:</label>
<input type="number" id="side1" placeholder="Enter value of side 1">
<br><br>
<label for="side2">Enter the value of side 2:</label>
<input type="number" id="side2" placeholder="Enter value of side 2">
<br><br>
<label for="side3">Enter the value of side 3:</label>
<input type="number" id="side3" placeholder="Enter value of side 2">
<br><br>
<button onclick="Area()">Click Here!</button>
<p>Area of Triangle: <span id="display"></span></p>
</code></pre>
</body>
</html>
“`
输出：
阅读更多：JavaScript 教程