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