javascript - 将数组与推送的输入值相加

Question

我已将输入值推送到空数组并将其转换为数字。我正在尝试将数组相加并显示总和。但显示了整个数组，并且没有进行任何添加。我在这里包含了一些代码，但我还将包含 JS fiddle ，以防我忘记一些重要的东西。我可能想得太多了，因为我已经研究了一段时间了。 JS fiddle : https://jsfiddle.net/nzart/emruz0sb/4/

// HTML
<h1>Sugar Counter:</h1><p id="total">--</p>

<div class="box bot1">
 <div class="twogrid mid">
  <label for="amount">Amount of Sugar</label>
  <input type="text" name="amount" id="amount">
 </div>    
</div>

//JS
var added = [];

//Get Data
var userInput = function(){
    return parseFloat(document.getElementById('amount').value);
}

// Store Data
var newSugar = function(){
    return added.push(userInput());
}

//Add total
function total() {
    var sum = 0;    
    for (var i = 0; i < added.length; i++) {
        sum += added[i];
    }
    document.getElementById('total').textContent = added;
}

Answer 1

此行在函数 Total() 中不正确:

 document.getElementById('total').textContent = added;

更改为:

document.getElementById('total').textContent = sum;

这是更新的 fiddle :https://jsfiddle.net/bqt1mws7/