Сохранить элемент, который перетаскивается

Question

Я делаю событие перетаскивания, но когда я это делаю, я хочу сохранить элемент, который пытался перетащить.

Вот что я пытался сделать.

function drag(ev) {

ev.dataTransfer.setData("text", ev.target.id);
var data = ev.dataTransfer.getData("text");
console.log(document.getElementById(data));
document.getElementById("tareas").append(document.getElementById(data));
}

В console.log из document.getElementById(data) я получаю это

<p id="item1" class="text-danger materias" draggable="true" ondragstart="drag(event)">Cambio aceite</p>

, но оно не сохраняется, если кто-нибудь может дать мне представление о том, как сохранить элемент.Благодарю.(Изменить) добавление изображений

Я хочу, чтобы элемент оставался на том же месте, где был вначале.

Answer 1

Вместо того, чтобы переместить элемент в новое место, вы можете сначала его клонировать, а затем добавить туда новый элемент.

Например: измените свою последнюю строку в drag() на:

document.getElementById("tareas").append(document.getElementById(data).cloneNode(true));