Javascript 如何在js中将多个元素存储到var中？

如何将多个元素存储到数字变量中

这是我的代码：

<div class="row1">
    <div class="number" id="number7"><br>
    <a href="" onclick="calculate(event)"><span>7</span></a></div>
    <div class="number" id="number4"><br>
    <a href="" onclick="calculate(event)"><span>4</span></a></div>
    <div class="number" id="number1"><br>
    <a href="" onclick="calculate(event)"><span>1</span></a></div>
    <div class="number" id="number0"><br>
    <a href="" onclick="calculate(event)"><span>0</span></a></div> 
</div>

<script>
function calculate(event){
    event.preventDefault();
    var number = event.target.innerText;
    var total = document.getElementById('result');
    total.innerHTML=number;} 
</script>

函数计算（事件）{
event.preventDefault（）；
变量编号=event.target.innerText；
var total=document.getElementById（'result'）；
total.innerHTML=number；}

---

示例：如果我单击了“7”3次，那么数字变量中应该有3“7”。

这就是您要查找的吗

函数计算（事件）{
event.preventDefault（）；
变量编号=event.target.innerText；
var total=document.getElementById（'result'）；
total.innerHTML+=数字；
}

a，div{
保证金：0
}

函数计算（事件）{
event.preventDefault（）；
变量编号=event.target.innerText；
var total=document.getElementById（'result'）；
//total.innerHTML+=数字；
总计。textContent+=数量；
}

结果:

我建议采用稍微不同的方法，使其更具可扩展性。在下面的示例中，根据单击的锚元素的值（innerText），可以添加任意数量的元素以增加总数

<div class="row1">
    <div class="number">
        <a href="" class="increase-number">1</a>
    </div>
    <div class="number">
        <a href="" class="increase-number">3</a>
    </div>
</div>
<span id="total"></span>

<script>
document.addEventListener('DOMContentLoaded', function(e) {
    var total_increasers = document.getElementsByClassName('increase-number'); // All the anchor elements that can be clicked to increase the total.
    var total_counter = document.getElementById('total'); // The total counter element.

    Array.from(total_increasers).forEach(function(element) {
        element.addEventListener('click', function(e) {
            e.preventDefault();

            var amount = parseInt(this.innerText); // The clicked number value as int.
            var current_total = parseInt(total_counter.innerText) || 0; // The current total as int.
            var new_total = current_total + amount; // The new total.

            total_counter.innerText = new_total;
        });
    });
});
</script>

document.addEventListener（'DOMContentLoaded'，函数（e）{
var total_increasers=document.getElementsByClassName（'rease-number'）；//可以单击以增加总数的所有锚元素。
var total_counter=document.getElementById（'total'）；//总计计数器元素。
数组.from（总增量）.forEach（函数（元素）{
元素。addEventListener（'click'，函数（e）{
e、 预防默认值（）；
var amount=parseInt（this.innerText）；//单击的数字值为int。
var current_total=parseInt（total_counter.innerText）| | 0；//当前总计为int。
var new_total=当前_total+金额；//新的总数。
total_counter.innerText=新的_总数；
});
});
});

因为您将数字作为字符串放入结果中，所以只需将其添加到其末尾，就像

total.innerHTML+=number@patrickbar非常感谢：）