有两个输入框分别为a和b,id,那么为如何让一个id为c的div一直显示两者的乘积
时间: 2024-09-13 18:03:19 浏览: 33
用JavaScript实现的一个IP地址输入框
如果你想在HTML页面中实时显示两个输入框(id为a和b)的值的乘积,通常会结合JavaScript来实现。这里是一个简单的示例:
```html
<input type="number" id="input-a" placeholder="请输入a">
<input type="number" id="input-b" placeholder="请输入b">
<!-- 创建一个id为"result-c"的div用于显示乘积 -->
<div id="result-c">乘积:</div>
<script>
// 监听a和b输入框的变化
document.getElementById("input-a").addEventListener("input", function () {
const a = parseInt(this.value);
const b = parseInt(document.getElementById("input-b").value);
const product = a * b;
document.getElementById("result-c").innerText = product;
});
document.getElementById("input-b").addEventListener("input", function () { ... }); // 类似地监听第二个输入框
</script>
```
这个例子中,当用户在输入框a或b中输入数字时,JavaScript会即时更新id为"c"的div显示的乘积。
阅读全文