首页设计并实现一个简单的动态网页，要求网页根据键盘输入内容显示相应的输出。例如：输入一个三角形的边长，输出其面积。给出该问题的Java代码

设计并实现一个简单的动态网页，要求网页根据键盘输入内容显示相应的输出。例如：输入一个三角形的边长，输出其面积。给出该问题的Java代码

时间: 2024-12-22 21:29:21 浏览: 3

设计一个简单的动态网页功能，并结合JavaScript来实现用户交互。下面是一个基于HTML、CSS和JavaScript的基础示例，它可以让用户输入三角形的边长，并计算面积： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>三角形面积计算器</title> <style> input[type="number"] { width: 50px; } #result { font-weight: bold; } </style> </head> <body> <h1>三角形面积计算器</h1> <label for="side">请输入三角形边长:</label> <input type="number" id="side" placeholder="请输入边长..."> <button onclick="calculateTriangleArea()">计算</button> <p id="result"></p> <script> function calculateTriangleArea() { var side = parseFloat(document.getElementById("side").value); if (isNaN(side)) { alert("请输入有效的数值！"); return; } var area = Math.sqrt(3) / 4 * side * side; document.getElementById("result").innerText = "三角形面积: " + area.toFixed(2) + " 平方单位"; } </script> </body> </html> ``` 在这个例子中，用户在`<input>`字段中输入三角形的边长，点击“计算”按钮后，会触发`calculateTriangleArea`函数，这个函数获取输入值，检查是否为数字，然后根据公式`area = sqrt(3)/4 * side^2`计算三角形面积，并将结果显示在页面上。

阅读全文