HTML使用代碼求一個(gè)圓的面積
<html> <head> <title>求圓的面積</title> <script> function calculate(){ var r = document.getElementById("radius").value; var area = Math.PI * Math.pow(r, 2); document.getElementById("result").innerHTML = "圓的面積為:" + area; } </script> </head> <body> <label for="radius">請(qǐng)輸入圓的半徑:</label> <input type="number" id="radius" name="radius" /> <button onclick="calculate()">求面積</button> <p id="result"></p> </body> </html>
說(shuō)明:
上述代碼中,定義了一個(gè)圓的半徑,通過(guò)圓面積的公式Math.PI * Math.pow(r, 2)求出其面積,然后通過(guò)id選擇器找到頁(yè)面中的文本塊元素,將面積的值賦值給它,最后在頁(yè)面上顯示圓的面積。