JavaScript 如何计算三角形的面积

给定一个包含输入字段的HTML文档，这些字段保存着三角形的边，即side1，side2和side3。任务是使用JavaScript计算三角形的面积。

方法: 首先，我们将使用<input type =“number">标签创建三个输入字段来保存数字输入。在填写输入值后，当用户点击按钮时，将调用JavaScript函数Area（）。

在JavaScript函数中，我们使用 document.getElementById (“side1”).value 去获取输入值，然后对其应用 parseInt（） 方法将其转换为数字。然后使用一个简单的数学公式来计算三角形的面积，并使用 document.getElementById (“display”) .innerHTML 在屏幕上显示输出。

计算三角形面积的公式：

var s = (side1 + side2 + side3) / 2;

var area = Math.sqrt(s * ((s - side1) * (s - side2) * (s - side3)));

示例： 该示例演示使用Javascript计算三角形的面积。

<!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); 
          
            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; 
        } 
   </script> 
</head> 
  
<body style="text-align: center;"> 
    <h1 style="color: green;"> 
        GeeksforGeeks 
    </h1> 
  
    <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> 
</body> 
</html>

输出:

JavaScript 如何计算三角形的面积