三角形周长和面积计算器答案

【问题标题】：Triangle Perimeter and Area Calculator三角形周长和面积计算器
【发布时间】：2017-11-21 08:09:25
【问题描述】：

我需要创建一个使用浏览器的简单三角形周长和面积计算器。我需要一个简单的 html javascript 代码，用户在其中输入 3 条边的长度，然后他们会收到三角形的周长和面积。像这样的东西，但对于三角形：

<html>
<head>
<title>Circle Area</title>
</head>
<body>
  <script language="JavaScript">
    function CalculateArea(){
        var radius =document.form1.txtRadius.value;
        document.write("<P>Circle Area is" + (radius * radius * Math.PI) + "</p>");
        document.write("<P> The circumference of the circle is " + (2 * radius * Math.PI) + "</p>");
    }
    </script>
    <form name=form1>
       Enter the radius of the circle:
       <input type="text" name="txtRadius" size=10>
       <br>
       <input type="button" value="Calculate" onClick='CalculateArea();'>  
    </form>
</script>
</body>
</html>

有人可以帮忙吗？

【问题讨论】：

您可以将此处使用的公式替换为周长和面积所需的公式

标签： javascript html

【解决方案1】：

对于外围：

function perimeter() {
  var sideA = document.getElementById("sideA").value;
  var base = document.getElementById("base").value;
  var sideB = document.getElementById("sideB").value;
  var perimeter = parseFloat(sideA) + parseFloat(base) + parseFloat(sideB);
  var result = document.getElementById("result");
  result.innerHTML = "Area is " + perimeter;
}

<span>Side A:</span>
<input id="sideA" type="text" size=10>
<span>Base</span>
<input id="base" type="text" size=10>
<span>Side B:</span>
<input id="sideB" type="text" size=10>
<br>
<input type="button" value="Perimeter" onClick='perimeter();'>
<p id="result"></p>

您可以替换需要替换的内容以获得三角形的面积。

【讨论】：