首页利用html,JavaScript计算正方形面积和周长

利用html,JavaScript计算正方形面积和周长

时间: 2024-09-25 13:16:01 浏览: 48

在HTML和JavaScript中，你可以创建一个简单的网页来让用户输入正方形的边长，然后利用这两个脚本语言来计算面积和周长。这里是一个简单的示例： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>正方形面积和周长计算器</title> </head> <body> <label for="side">请输入正方形边长：</label> <input type="number" id="side" name="side"> <button onclick="calculate()">计算</button> <p id="result"></p> <script> function calculate() { // 获取用户输入的边长 const side = document.getElementById("side").value; // 计算面积和周长 const area = side * side; const perimeter = side * 4; // 显示结果 document.getElementById("result").innerHTML = `面积：${area}，周长：${perimeter}`; } </script> </body> </html> ``` 在这个例子中，当用户点击“计算”按钮时，`calculate()`函数会被调用。它获取输入框中的边长，然后分别计算面积（边长乘以边长）和周长（边长乘以4），并将结果显示在页面上。

阅读全文