Как сделать сортировку строк?

Question

[Serghei QED]

Как сделать сортировку, если добавляется новый элемент .letter-line (New item) с data-attr="D", то его добавить в конец группы с id="D", если такой группы нет, то создать её и добавить в конец блока и общая сортировка блоков по алфавиту.

Сейчас реализованы только раскрывающийся блок по клику в песочнице:
https://jsfiddle.net/m4ogf7vj/2/ or https://codepen.io/obj-QED/pen/popRmVr

Comments

[Сергей Соколов]

в некоторых регионах jsFiddle не открывается без VPN.

[Serghei QED]

Сергей Соколов, а codepen?

[Вадим]

Serghei QED, с ним пока вроде всё ок

Answer 1

[Мышб]

отвечу по простому, не углубляясь в твой код и с псевдокодом -- дальше разберешься

через document.querySelectorAll('D') получаешь массив всей группы с id="D"
получаешь контент нового дом элемента
кладешь его в массив через arr.push(element) либо newArr = [...arr, element]
потом делаешь something.append(arr)
сортировка по имени уже встроена в api движка и работает в функции [].sort((a, b) => a > b)