首页用html实现点击求梯形面积的程序，输入上下底与高度，并制作按钮，弹出警告框，内容显示梯形面积

用html实现点击求梯形面积的程序，输入上下底与高度，并制作按钮，弹出警告框，内容显示梯形面积

时间: 2024-03-14 14:45:23 浏览: 130

好的，以下是一个简单的 HTML 代码示例，实现了点击求梯形面积的功能： ```html <!DOCTYPE html> <html> <head> <title>梯形面积计算器</title> <script> function calc_area() { // 获取输入框中的值 var upper_base = parseFloat(document.getElementById("upper_base").value); var lower_base = parseFloat(document.getElementById("lower_base").value); var height = parseFloat(document.getElementById("height").value); // 计算梯形面积 var area = (upper_base + lower_base) * height / 2; // 显示计算结果 alert("梯形面积为：" + area); } </script> </head> <body> <h1>梯形面积计算器</h1> <form> <label for="upper_base">上底：</label> <input type="number" id="upper_base"><br> <label for="lower_base">下底：</label> <input type="number" id="lower_base"><br> <label for="height">高：</label> <input type="number" id="height"><br> <input type="button" value="计算梯形面积" onclick="calc_area()"> </form> </body> </html> ``` 这个程序使用了 HTML 和 JavaScript 来创建一个简单的界面，包括三个输入框和一个按钮。当用户点击按钮时，程序会从输入框中获取三个值，然后计算梯形面积并弹出一个警告框，显示计算结果。注意，这个程序中的警告框只是一个简单的示例，实际使用中可以根据需要进行修改。

阅读全文