首页在html <script>里运用函数编写输入五个数来求平均值

在html <script>里运用函数编写输入五个数来求平均值

时间: 2024-10-10 07:14:28 浏览: 31

在HTML `<script>`标签中编写JavaScript函数来计算五个数的平均值，可以按照以下步骤操作： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>求平均值</title> </head> <body>  <input type="number" id="num1"> <br> <input type="number" id="num2"> <br> <input type="number" id="num3"> <br> <input type="number" id="num4"> <br> <input type="number" id="num5">  <button onclick="calculateAverage()">计算平均值</button> <p id="result"></p> <script> function calculateAverage() { // 获取用户输入的五个数字 var numbers = []; ['num1', 'num2', 'num3', 'num4', 'num5'].forEach(function(id) { numbers.push(document.getElementById(id).value); }); // 如果所有输入都是数字，才进行计算 if (numbers.every(isNumber)) { var sum = numbers.reduce(function(a, b) { return a + b; }, 0); var average = sum / numbers.length; document.getElementById('result').innerText = "平均值是：" + average.toFixed(2); // toFixed保留两位小数 } else { alert("请输入数字！"); } } // 辅助函数，检查是否为数字 function isNumber(n) { return !isNaN(parseFloat(n)) && isFinite(n); } </script> </body> </html> ``` 在这个示例中，我们创建了一个简单的页面，包含五个输入框让用户输入数字，点击“计算平均值”按钮后会触发`calculateAverage`函数。这个函数获取输入的值，验证它们是否全为数字，然后计算平均值，并将结果显示在页面上。

阅读全文