function solve() {
    let mainSection = document.querySelector('main section');

    document.querySelector('form button.btn.create').addEventListener('click', (e) => {
        e.preventDefault();
        let asideSection = document.querySelector('aside section');
        let authorInputElement = asideSection.querySelector('#creator');
        let titleInputElement = asideSection.querySelector('#title');
        let categoryInputElement = asideSection.querySelector('#category');
        let contentTextareaElement = asideSection.querySelector('#content');
        if (!authorInputElement.value || !titleInputElement.value || !categoryInputElement.value || !contentTextareaElement.value) {
            return;
        }
        mainSection.appendChild(createArticle(
            titleInputElement.value,
            authorInputElement.value,
            categoryInputElement.value,
            contentTextareaElement.value
        ));

        authorInputElement.value = '';
        titleInputElement.value = '';
        categoryInputElement.value = '';
        contentTextareaElement.value = '';
    })

    function createArticle(capture, category, creator, content) {
        let article = document.createElement('article');
        let articleCapture = document.createElement('h1');
        let articleCategoryParagraph = document.createElement('p');
        let articleCategoryStrong = document.createElement('strong');
        let articleCreatorParagraph = document.createElement('p');
        let articleCreatorStrong = document.createElement('strong');
        let articleContentParagraph = document.createElement('p');
        let divOfBtns = document.createElement('div');
        let deleteBtn = document.createElement('button');
        let archiveBtn = document.createElement('button');

        divOfBtns.setAttribute('class', 'buttons');
        deleteBtn.setAttribute('class', 'btn delete');
        archiveBtn.setAttribute('class', 'btn archive');

        articleCapture.textContent = capture;
        articleCategoryParagraph.textContent = 'Category:';
        articleCategoryStrong.textContent = category;
        articleCreatorParagraph.textContent = 'Creator:';
        articleCreatorStrong.textContent = creator;
        articleContentParagraph.textContent = content;
        deleteBtn.textContent = 'Delete';
        archiveBtn.textContent = 'Archive';

        article.appendChild(articleCapture);
        article.appendChild(articleCategoryParagraph);
        articleCategoryParagraph.appendChild(articleCategoryStrong);
        article.appendChild(articleCreatorParagraph);
        articleCreatorParagraph.appendChild(articleCreatorStrong);
        article.appendChild(articleContentParagraph);
        article.appendChild(divOfBtns);
        divOfBtns.appendChild(deleteBtn);
        divOfBtns.appendChild(archiveBtn);

        deleteBtn.addEventListener('click', deleteArticle);
        archiveBtn.addEventListener('click', archiveArticle);

        return article;
    }

    function deleteArticle(e) {
        e.target.parentNode.parentNode.remove();
    }

    function archiveArticle(e) {
        let articleTitle = e.target.parentNode.parentNode.querySelector('h1');
        let archiveObj = [];
        let archiveSectionOrderList = document.querySelector('ol');
        let archiveList = archiveSectionOrderList.querySelectorAll('li');

        for (const list of archiveList) {
            archiveObj.push(list.textContent);
        }
        archiveObj.push(articleTitle.textContent);
        archiveObj.sort((a, b) => a.localeCompare(b));

        archiveSectionOrderList.textContent = '';
        archiveObj.forEach(x => {
            let listTitleElement = document.createElement('li');
            listTitleElement.textContent = x;

            archiveSectionOrderList.appendChild(listTitleElement);
        })
    }
}