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

在JavaScript中，你可以创建一个HTML表单让用户输入10本书的价格，然后通过JavaScript处理这些输入数据来计算最高价、最低价和平均价。这里是一个简单的步骤示例：首先，在HTML中创建表单： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>书籍价格计算器</title> </head> <body> <form id="book-form"> <label for="price">请输入书价（元）:</label> <input type="number" id="price" name="price[]" required>  <br><br> </form> <button onclick="calculatePrices()">计算</button> <p id="result"></p> </body> </html> ``` 接着，添加JavaScript函数来处理表单提交和计算： ```javascript <script> function calculatePrices() { const bookForm = document.getElementById('book-form'); const prices = Array.from(bookForm.querySelectorAll('input[name="price[]"]')).map(input => Number(input.value)); if (prices.length === 0) { alert("请输入至少一本书的价格"); return; } let maxPrice = Math.max(...prices); let minPrice = Math.min(...prices); const sum = prices.reduce((total, price) => total + price, 0); const avgPrice = sum / prices.length; document.getElementById('result').innerText = `最高价: ${maxPrice}元\n最低价: ${minPrice}元\n平均价: ${avgPrice.toFixed(2)}元`; } </script> ``` 这个例子中，`calculatePrices()`函数获取所有输入框的值，将其转换为数值数组，并计算最高价、最低价和平均价。结果会在页面上显示。

阅读全文

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

最新推荐

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

javascript简单判断输入内容是否合法的方法

JavaScript如何实现监听键盘输入和鼠标监点击

javascript实现显示和隐藏div方法汇总

10种JavaScript最常见的错误(小结)

C语言数组操作：高度检查器编程实践

管理建模和仿真的文件

【KUKA系统变量进阶】：揭秘从理论到实践的5大关键技巧

如何使用Python编程语言创建一个具有动态爱心图案作为背景并添加文字'天天开心（高级版）'的图形界面？

基于Swift开发的嘉定单车LBS iOS应用项目解析