JavaScript用表单输入10本书的价格，然后显示这10本书的最高价格、最低价格和平均价格。一个完整网页

在JavaScript中，你可以创建一个简单的HTML页面来获取用户输入10本书的价格，并计算最高价、最低价和平均价。下面是一个基本的示例： ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>书籍价格计算器</title> <style> #result { margin-top: 20px; } </style> </head> <body> <h2>请输入10本书的价格:</h2> <form id="bookForm"> <label for="price">书名1 (价格):</label> <input type="number" id="price1" name="price[]" min="0"> <br>    <button type="button" onclick="calculatePrices()">计算</button> </form> <div id="result"></div> <script> function calculatePrices() { const prices = document.querySelectorAll('input[name="price[]"]').map(input => Number(input.value)); if (prices.length === 0) { alert("请输入至少一本书的价格"); return; } let sum = 0; let max = Math.min(prices[0], 0); let min = Math.max(prices[0], 0); for (let i = 0; i < prices.length; i++) { sum += prices[i]; max = Math.max(max, prices[i]); min = Math.min(min, prices[i]); } const average = sum / prices.length; document.getElementById('result').innerHTML = `最高价: ${max}<br>最低价: ${min}<br>平均价: ${average.toFixed(2)}元`; } </script> </body> </html> ``` 在这个例子中，我们首先创建了一个表单，让用户输入10本书的价格。当用户点击“计算”按钮时，`calculatePrices()`函数会被触发，它从所有输入字段中获取值，计算总和、最大值、最小值以及平均值，并将结果显示在页面上。

阅读全文

JavaScript用表单输入10本书的价格，然后显示这10本书的最高价格、最低价格和平均价格。一个完整网页

最新推荐

javascript实现一个网页加载进度loading

javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法

用html5的canvas和JavaScript创建一个绘图程序的简单实例

微信小程序简单实现form表单获取输入数据功能示例

教师节主题班会.pptx

正整数数组验证库：确保值符合正整数规则

管理建模和仿真的文件

【损失函数与随机梯度下降】：探索学习率对损失函数的影响，实现高效模型训练

在ADS软件中，如何选择并优化低噪声放大器的直流工作点以实现最佳性能？

系统移植工具集：镜像、工具链及其他必备软件包