https://www.jstree.com/demo/
https://dbushell.github.io/Nestable/
и много других
тут вопрос целесообразности своего велосипеда
или изспользованя готовых либ
как не крути если хочешь свое, то нужно смотреть, что есть хорошее у других
пример с учебника и здесь на сайте где то в учебнике было примитивное дерево
https://learn.javascript.ru/drag-and-drop-plus