xxxxxxxxxx1
<div class="sortable-list">2
<li class="sortable-item">Item 1</li>3
<li class="sortable-item">Item 2</li>4
<li class="sortable-item">Item 3</li>5
<li class="sortable-item">Item 4</li>6
<li class="sortable-item">Item 5</li>7
</div>xxxxxxxxxx1
.sortable-item {2
padding: .5rem 1rem ;3
}xxxxxxxxxx1
const sortableEl = document.querySelector('.sortable-list');2
3
4
// here you can add your can add your li elements from JSON file5
// this example is simplified6
let li = document.createElement('li');7
li.className = `sortable-item`;8
li.textContent = "added item"9
sortableEl.insertAdjacentElement('beforeend', li);10
11
12
// this will init drag and drop sortable13
const instanceDraggable = new DragAndDrop.Sortable(sortableEl); Console errors: 0