display: block;
}
+.drag-target {
+ border: 1px solid deepskyblue;
+}
</style>
</head>
<body>
const drag_over = (ev) => {
ev.preventDefault();
ev.dataTransfer.dropEffect = "move";
+ Array.from(document.getElementsByClassName("drag-target")).forEach((e) => e.classList.remove("drag-target"));
+ ev.target.classList.add("drag-target");
}
const drag_drop = (ev) => {
tgt.appendChild(data);
}
data.id = "";
+ Array.from(document.getElementsByClassName("drag-target")).forEach((e) => e.classList.remove("drag-target"));
}
window.onclick = (ev) => {
if (card) {
card.children[0].innerHTML = dialogTitle.innerHTML;
card.children[1].innerHTML = dialogContent.innerHTML;
+ card.id = "";
}
}
}