我怎么能添加一个拖拽项目到数组一旦它已被删除到JavaScript中的删除目标，然后在HTML中显示它?

Question

我想从每个被拖动的项目中获取数据，一旦它被删除并将其添加到数组中。我对Javascript比较陌生，所以我不确定如何实现这一点。我想要'data'添加到'total'数组，每次一个项目被删除，这是我到目前为止所做的:

function dropHandler(ev) {
ev.preventDefault();

const totalBalance = [];
var data = ev.dataTransfer.getData("text");
var dropTarget = document.getElementById('drop-target');

ev.target.appendChild(document.getElementById(data));

// changes colour of drop target when dragged over
ev.currentTarget.style.background = "black";

totalText = document.getElementById('totalText');
totalText.innerHTML = totalBalance
}

Answer 1

对于您已经创建的列表，您可以简单地使用push(value)将新值推入其中，这将给定的值插入到列表中。

let totalBalance = []; // Table to track all of the balances.
function dropHandler(ev) {
ev.preventDefault();

var data = ev.dataTransfer.getData("text");
var dropTarget = document.getElementById('drop-target');

ev.target.appendChild(document.getElementById(data));

// changes colour of drop target when dragged over
ev.currentTarget.style.background = "black";
// Insert this data into our total balance's list.
totalBalance.push(data);

totalText = document.getElementById('totalText');
totalText.innerHTML = totalBalance
}

totalBalance列表是在函数定义之前定义的，所以它不会在每次删除某些内容时被覆盖。