stormBMO/task-dom

DOM

Установите зависимости:

npm install

В файле src/DOM.js создайте функции appendToBody(), generateTree() и replaceNodes(), реализующие следующий функционал:

1. В функцию appendToBody() передаются 3 параметра: tag - имя тега, content - содержимое тега и count - количество вставок. Необходимо, чтобы функция осуществила вставку на страницу указанный тег с указанным содержимым указанное число раз. Считаем, что всегда передается тег, допускающий вставку текста в качестве своего содержимого (P, DIV, I и пр.).

2. Функция generateTree() принимает два параметра - childrenCount и level. Создайте дерево вложенных тегов DIV. Каждый узел дерева должен содержать childrenCount узлов. Глубина дерева задается параметром level. Каждый элемент должен иметь класс вида item_n, где n - глубина вложенности элемента. (Нумерацию ведем с единицы). Сформированное дерево верните в качестве результата работы функции.

3. Создайте функцию replaceNodes(). В ней используйте функцию generateTree() для создания дерева тегов DIV из предыдущего задания. Создайте дерево с вложенностью 3 и числом элементов в каждом узле 2. Далее замените все узлы второго уровня (т.е. имеющие класс item_2) на теги SECTION. Остальную структуру дерева сохраните неизменной, включая классы и те элементы, которые находились внутри переписанных тегов. Сформированное дерево верните в качестве результата работы функции.

Проверить себя можно запустив команду npm run test.

После выполнения задания создайте pull request с решением.