И
Size: a a a
А
И
И
А
S
S
И
АГ
А
OT
ctrl+s
они не шли на серверГЩ
Тестовое задание необходимо выполнить на чистом JS любой версии, без использования сторонних библиотек.
Дополнительные задания прибавляют баллы к тестовому. Можно выполнить любое количество, но не менее одного.
Работоспособность достаточно обеспечить в одном браузере на ваш выбор.
Тестовое задание JavaScript
Имеем многострочное поле ввода, куда можно поместить произвольные данные в формате JSON. Также кнопку “применить”, нажатие на которую запускает действие. Необходимо построить визуальное представление введенного JSON в виде иерархических блоков, соответствующих по вложенности и содержанию. Каждый блок можно перетаскивать как в рамках текущего уровня, так и на произвольный уровень выше или ниже в дереве иерархии. При этом данные в textarea должны меняться и соответствовать дереву в визуальном редакторе.
Доп. задание 1
При изменении JSON в поле ввода, выделять изменившиеся блоки в визуальном редакторе
Доп. задание 2
Выделять в поле ввода соответствующий участок JSON, при выборе блока в визуальном редакторе
Доп. задание 3
Создание/редактирование блоков любых типов прямо в визуальном редакторе
ГЩ
S
S
Д
ГЩ