在表单中输入5本书的价格,用逗号隔开,显示这5本书的价格和。
时间: 2023-05-28 08:01:52 浏览: 281
HTML5利用约束验证API来检查表单的输入数据的代码实例
如果使用HTML表单,可以这样写:
```html
<form>
<label>请输入5本书的价格(用逗号隔开):</label>
<input type="text" id="prices" name="prices">
<button type="button" onclick="calculate()">计算总价</button>
</form>
<p id="result"></p>
```
接着,使用JavaScript编写calculate函数来计算总价:
```javascript
function calculate() {
// 获取输入框中的价格字符串
var pricesStr = document.getElementById("prices").value;
// 将字符串分割成价格数组
var pricesArr = pricesStr.split(",");
// 将数组中的字符串转换成数值
for (var i = 0; i < pricesArr.length; i++) {
pricesArr[i] = parseFloat(pricesArr[i]);
}
// 计算总价
var sum = 0;
for (var i = 0; i < pricesArr.length; i++) {
sum += pricesArr[i];
}
// 显示总价
document.getElementById("result").innerHTML = "这5本书的价格总和为:" + sum.toFixed(2);
}
```
阅读全文