function solve() {
    let inputCreator = document.getElementById('creator');
    let inputTitle = document.getElementById('title');
    let inputCategory = document.getElementById('category');
    let inputText = document.getElementById('content');
    let createBtn = document.getElementsByClassName('btn create')[0];

    let getSection=document.querySelector('.site-content section');








    createBtn.addEventListener('click', addNew);

    function addNew(e) {
        e.preventDefault();
        let author = inputCreator.value;
        let title = inputTitle.value;
        let category = inputCategory.value;
        let content = inputText.value;

        let article = el('article', [
            el('h1', title),
            el('p', `Category:`),
            el('strong', category),
            el('p', `Creator:`, el('strong', author)),
            el('p', content),
            el('div', {className: 'buttons'}, [
                el('button', {className: 'btn delete'}),
                el('button', {className: 'btn archive'}),
            ])

        ]);

        getSection.appendChild(article)




    }


    function el(type, content, attributes) {
        const result = document.createElement(type);

        if (attributes !== undefined) {
            Object.assign(result, attributes);
        }

        if (Array.isArray(content)) {
            content.forEach(append);
        } else {
            append(content);
        }

        function append(node) {
            if (typeof node === 'string' || typeof node === 'number') {
                node = document.createTextNode(node);
            }
            result.appendChild(node);
        }

        return result;
    }


}