gpt4 book ai didi

javascript - 总结输入类型数组并在输出中显示

转载 作者:行者123 更新时间:2023-12-02 00:48:25 26 4
gpt4 key购买 nike

<html>
<body>

<input type="text" id="array[]" oninput="myFunction(this.value)">
<input type="text" id="array[]" oninput="myFunction(this.value)">
<p id="result"></p>

<script>
function myFunction(val) {
document.getElementById("result").innerHTML = val;
}
</script>

</body>
</html>

我想将两个数组加起来并在“结果”中显示出来。但目前它只会显示一个。我可以知道如何在JavaScript中添加两个数组吗?
例如:用户输入1 +输入2,底部将显示3。

最佳答案

在输入元素中添加类属性,或在querySelectorAll中使用标签选择器。然后在输入元素上循环并求和。

function myFunction(val) {
const ele = document.querySelectorAll('input');
let sum = 0;
ele.forEach(input => {

sum += input.value ? parseFloat(input.value) : 0;
});
document.getElementById('result').textContent = sum.toFixed(2);
}
    <input type="text" id="array[]" class="input" oninput="myFunction(this.value)">
<input type="text" id="array[]" class="input" oninput="myFunction(this.value)">
<p id="result"></p>

关于javascript - 总结输入类型数组并在输出中显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59621845/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com