三角形周长和面积计算器

时间:2017-06-19 07:51:49

标签: javascript html

我需要创建一个简单的三角形边界和区域计算器,与浏览器一起使用。我需要一个简单的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>

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:0)

对于周边:

&#13;
&#13;
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;
}
&#13;
<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>
&#13;
&#13;
&#13;

您可以替换替换所需的内容以获取三角形区域。