На веб-странице с помощью HTML сформированы кнопка "Добавить" и набор шаблонных скрытых интерфейсных элементов, которые могут служить источником формирования новых узлов документа посредством клонирования. Задача заключается в разработке программы, позволяющей интерактивно управлять нумерованным списком строк. По нажатию на кнопку "Добавить" в конце списка появляется новый элемент, содержимое которого формируется во время добавления. Каждый элемент списка представляет собой строку текста и набор мини-кнопок, обеспечивающих возможности перемещения элемента по списку вверх и вниз, редактирования, клонирования и удаления элемента. Мини-кнопки перемещения по списку должны также визуализировать факт возможности такого перемещения.
При решении ЛР запрещено использовать какие-либо средства доступа к документу, кроме средств интерфейса NODE, (единственное исключение: метод document.getElementById) в том числе - средства создания элементов и текстовых узлов, управления атрибутами элементов. Вместо создания элементов предлагается использовать средства клонирования интерфейса NODE. Все необходимые шаблоны для организации клонирования имеются в документе template.html, который следует взять за основу при создании программы. Запрещается вносить какие-либо изменения в тело данного документа до его загрузки в браузере, разрешена только правка заголовка и создание обработчика onload для тела документа.
Пример рабочей программы демонстрируется на видео ниже. Аудиоряд с комментариями присутствует.
Осознаю медитативность своего голоса, но постарайтесь дослушать до конца и не уснуть)))