js通过输入框(调用prompt方法)输入购买的某件商品的单价和数量,通过三种方法(alert,console.log,document.write)将商品的相关信息和应付款项输出。
时间: 2024-10-11 12:03:19 浏览: 43
在JavaScript中,你可以使用`prompt`方法获取用户输入的商品单价和数量,然后通过`alert`, `console.log`以及`document.write`这三种方式分别显示商品信息和应付款项。下面是一个简单的示例:
```javascript
// 获取用户输入
let price = prompt("请输入商品单价:");
let quantity = prompt("请输入购买的数量:");
// 计算总金额
let totalAmount = parseFloat(price) * parseInt(quantity);
// 使用alert显示信息
alert(`商品信息: 单价: ${price}, 数量: ${quantity}。应付款项: ${totalAmount}元`);
// 使用console.log输出到浏览器控制台
console.log(`商品信息: 单价: ${price}, 数量: ${quantity}, 应付款项: ${totalAmount}元`);
// 如果是在网页环境中,可以使用document.write写入HTML元素中(但不推荐现代Web开发,可能导致页面结构混乱)
// document.getElementById('output') 是假设有个id为'output'的div用于展示结果
// document.write会替换整个内容,所以需要清除原有内容后再写入
document.getElementById('output').innerHTML = "商品信息: 单价: " + price + ", 数量: " + quantity + ", 应付款项: " + totalAmount + "元";
// 相关问题:
1. alert, console.log 和 document.write 这三种方法各有什么优缺点?
2. 如果不需要每次都清空文档内容,有没有其他方式在网页上实时显示计算结果?
3. 如何处理用户输入非数字的情况?
```
注意:`prompt`函数返回的是字符串,所以在计算总金额时需要先转换成数值类型。
阅读全文