test-task-treerender

1
import { createNodes } from "./createNodes.js";
2
import { createTree } from "./createTree.js";
3

4
const input = document.getElementById("input"); // Элемент текстового поля
5
const button = document.getElementById("button"); // Элемент кнопки
6
const treeContainer = document.getElementById("tree-container"); // Контейнер для отображения конечного дерева
7

8
/**
9
 * Рендеринг дерева
10
 * @param {{value: string, level: number, index: number}[]} nodes - Исходная строка, пример: (1 (2 (4 5 6 (7) 108 (9)) 3))
11
 * @returns {*} - Вставляет сгенерированное дерево в контейнер
12
 */
13
function treeRender(nodes) {
14
  treeContainer.style.opacity = "1";
15
  return (treeContainer.innerHTML = createTree(nodes));
16
}
17

18
// Прослушивание события на кнопке
19
button.addEventListener("click", () => {
20
  const nodes = createNodes(input.value);
21
  return treeRender(nodes);
22
});
23