Answers to Exercises - Beginning JavaScript - page 620

"Element overboard!"
];
return messages[Math.floor((Math.random() * 3) + 0)];
}
function handleDragStart(e) {
var data = {
elementId: this.id,
message: getRandomMessage()
};
e.dataTransfer.setData("text", JSON.stringify(data));
}
function handleDragEnterLeave(e) {
if (e.type == "dragenter") {
this.className = "drag-enter";
} else {
this.className = "";
}
}
function handleOverDrop(e) {
e.preventDefault();
if (e.type != "drop") {
return;
}
var json = e.dataTransfer.getData("text");
var data = JSON.parse(json);
var draggedEl = document.getElementById(data.elementId);
if (draggedEl.parentNode == this) {
this.className = "";
return;
}
draggedEl.parentNode.removeChild(draggedEl);
this.appendChild(draggedEl);
this.className = "";
alert(data.message);
}
var draggable = document.querySelectorAll("[draggable]");
var targets = document.querySelectorAll("[data-drop-target]");
for (var i = 0; i < draggable.length; i++) {
draggable[i].addEventListener("dragstart", handleDragStart);