edward_freedom

let objects = {
        allButton: {
            wrapper: 'menuWrapper',
            selector: 'li',
            'function': 'querySelectorAll'
        },
        loveButton : {
            wrapper: 'menuWrapper',
            selector: '.lovers',
            'function': 'querySelector'
        },
    };

    Object.entries(objects).forEach(entry => {
        const [key, value] = entry;
        const wrapper = document.querySelector(value.wrapper);
        value.object = wrapper[value.function](value.selector);
    });

let html = [
        {
            'type': 'div',
            'args': {
                'id': 'dialog',
            },
            'childrens': [
                {
                    'type': 'h1',
                    'args': {
                        'textContent': 'Заголовок 1'
                    }
                },
                {
                    'type': 'h2',
                    'args': {
                        'textContent': 'Заголовок 2'
                    }
                },
                {
                    'type': 'h5',
                    'args': {
                        'textContent': 'Заголовок 5'
                    }
                },
                {
                    'type': 'p',
                    'args': {
                        'textContent': 'Параграф'
                    }
                },
            ]
        }
    ];

    html.forEach(parent => {
        let parentObject = document.createElement(parent.type);
        Object.entries(parent.args).forEach(([key, value]) => {
            parentObject[key] = value;
        });
        parent.childrens.forEach(children => {
            let childrenObject = document.createElement(children.type);
            Object.entries(children.args).forEach(([key, value]) => {
                childrenObject[key] = value;
            });
            parentObject.appendChild(childrenObject);
        });
        document.body.appendChild(parentObject);
    });