let currentDraggedItem = null;

const uls = document.querySelectorAll('ul');
for (ul of uls) {
	ul.addEventListener('dragover', (event)=>{
		event.preventDefault()
		event.target.classList.add('dragging');
	})
	ul.addEventListener('dragleave', (event)=>{
		event.target.classList.remove('dragging');
	})
	ul.addEventListener('drop', (event)=>{
		event.target.classList.remove('dragging');
		event.target.appendChild(currentDraggedItem)
	})
}

const lis = document.querySelectorAll('li');
for (li of lis) {
	li.addEventListener('dragstart', (event)=>{
		currentDraggedItem = event.target;
	})
}