The following code demonstrates drag drop functionality in ES6.
<script>
const onDrop = (e) => {
e.preventDefault();
e.target.appendChild(document.getElementById(e.dataTransfer.getData('target')));
};
const onDragOver = (e) => e.preventDefault();
const onDragStart = (e) => e.dataTransfer.setData('target', e.target.id);
</script>
<div id="dest" ondrop="onDrop(event)" ondragover="onDragOver(event)" style="height: 200px; width: 200px; border: 1px solid #000; padding: 10px; box-sizing: border-box;"></div>
<img id="source" draggable="true" ondragstart="onDragStart(event)" src="http://via.placeholder.com/180x180" />