function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev) {
ev.dataTransfer.setData("text", ev.target.id);
ev.dataTransfer.setDragImage()
}
function drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("Text");
if (ev.target.className == "card-content") {
ev.target.appendChild(document.getElementById(data));
}
}
.drag {
width: 300px;
height: 300px;
padding: 5px;
background-color: gray;
}
<body ondrop="drop(event)" ondragover="allowDrop(event)">
<div class="drag" draggable="true" ondragstart="drag(event)">
Drag Me
</div>
</body>