var img = document.getElementById("start-area");

img.ondragstart = function(event) {

    event.dataTransfer.setData("Text", event.target.id);

};

var div = document.getElementById("end-area");

div.ondragover = function(event) {

    event.preventDefault();

};

div.ondrop = function(event) {

    event.preventDefault();

    var data = event.dataTransfer.getData("Text");

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

};