2017-06-19 111 views
-7

我需要創建一個簡單的三角形周長和麪積計算器,使用瀏覽器。我需要一個簡單的html代碼,其中用戶輸入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> 

有人能幫忙嗎?

+0

您可以將那裏使用的公式替換爲周長和麪積所需的公式 – Swellar

回答

0

對於周邊:

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>

可以更換所需要的更換得到三角形的面積。