首页用html写一个计算梯形面积的代码

用html写一个计算梯形面积的代码

时间: 2023-09-03 09:15:14 浏览: 47

好的，请看下面的HTML代码： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>计算梯形面积</title> </head> <body> <h1>计算梯形面积</h1> <p>请输入以下参数：</p> <form> <label for="a">上底长：</label> <input type="number" id="a"><br> <label for="b">下底长：</label> <input type="number" id="b"><br> <label for="h">高：</label> <input type="number" id="h"><br> <input type="button" value="计算" onclick="calculateArea()"> </form> <p id="result"></p> <script> function calculateArea() { var a = document.getElementById("a").value; var b = document.getElementById("b").value; var h = document.getElementById("h").value; var area = (parseFloat(a) + parseFloat(b)) * parseFloat(h) / 2; document.getElementById("result").textContent = "梯形面积为：" + area; } </script> </body> </html> ``` 这个代码使用了一个 form 表单，里面包含了三个输入框和一个按钮。当用户点击计算按钮时，会调用 `calculateArea` 函数，该函数从输入框中获取上底长、下底长和高，然后使用梯形面积公式计算出面积并把结果显示在页面上。希望这个代码能够帮到你，如果还有其他的问题，请随时问我！