Мелан Альботов

const makeTree = (root) => {
    const tree = {};

    const step = (root, branch) => {
        root.querySelectorAll(':scope > [class^="block"]').forEach((element, index) => {
            const className = [...element.classList.values()].find(
                (className) => className.startsWith('block')
            ) ?? element.className;
            const key = `${className}_${index + 1}`;

            branch[key] = {};

            const control = element.querySelector(':scope > input');
            if (control) {
                branch[key].value = control.value;
            }

            step(element, branch[key]);
        });
    };

    step(root, tree);

    return tree;
};

const tree = makeTree(document.body);
console.log(tree);

const makeTree = (root) => {
    const tree = {};

    const step = (root, branch) => {
        root.querySelectorAll(':scope > [class^="block"]').forEach((element, index) => {
            const className = [...element.classList.values()].find(
                (className) => className.startsWith('block')
            ) ?? element.className;
            const key = `${className}_${index + 1}`;

            const controls = element.querySelectorAll(':scope > input');
            branch[key] = {
                values: [...controls].reduce((acc, control) => {
                    if (control.id) {
                        acc[control.id] = control.value;
                    }

                    return acc;
                }, {})
            };

            step(element, branch[key]);
        });
    };

    step(root, tree);

    return tree;
};

const tree = makeTree(document.body);
console.log(tree);