back to top
[wd_asp id=4]

Pepaya

Menampilkan semua 5 hasil

const columns = document.querySelectorAll('.column'); columns.forEach(column => { column.addEventListener('dragover', event => { event.preventDefault(); column.classList.add('drag-over'); }); column.addEventListener('dragleave', () => { column.classList.remove('drag-over'); }); column.addEventListener('drop', event => { column.classList.remove('drag-over'); const draggingCard = document.querySelector('.dragging'); column.appendChild(draggingCard); }); }); const cards = document.querySelectorAll('.card'); cards.forEach(card => { card.addEventListener('dragstart', () => { card.classList.add('dragging'); }); card.addEventListener('dragend', () => { card.classList.remove('dragging'); }); });