restructured
This commit is contained in:
@@ -25,15 +25,15 @@
|
|||||||
const dragme = document.querySelector("#dragme");
|
const dragme = document.querySelector("#dragme");
|
||||||
dragme.addEventListener("dragstart", (e) => {
|
dragme.addEventListener("dragstart", (e) => {
|
||||||
dragme.style.opacity = .5;
|
dragme.style.opacity = .5;
|
||||||
})
|
});
|
||||||
dragme.addEventListener("dragend", (e) => {
|
dragme.addEventListener("dragend", (e) => {
|
||||||
dragme.style.opacity = "";
|
dragme.style.opacity = "";
|
||||||
})
|
});
|
||||||
const boxes = document.querySelectorAll(".box");
|
const boxes = document.querySelectorAll(".box");
|
||||||
boxes.forEach(box => {
|
boxes.forEach(box => {
|
||||||
box.addEventListener("dragenter", (e) => {
|
box.addEventListener("dragenter", (e) => {
|
||||||
e.target.classList.add('red');
|
e.target.classList.add('red');
|
||||||
})
|
});
|
||||||
box.addEventListener("dragover", (e) => {
|
box.addEventListener("dragover", (e) => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
});
|
});
|
||||||
@@ -46,7 +46,7 @@
|
|||||||
console.log("dropped");
|
console.log("dropped");
|
||||||
e.target.appendChild(dragme);
|
e.target.appendChild(dragme);
|
||||||
});
|
});
|
||||||
})
|
});
|
||||||
function dragStart(e) {
|
function dragStart(e) {
|
||||||
console.log("Started");
|
console.log("Started");
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user