forumPosts

function solve() {
    let title = document.getElementById('post-title');
    let category = document.getElementById('post-category');
    let textArea = document.getElementById('post-content');

    let publishBtn = document.getElementById('publish-btn');

    let ulReview = document.getElementById('review-list');
    let ulPublished = document.getElementById('published-list');

    let clearBtn = document.getElementById('clear-btn');

    publishBtn.addEventListener('click', function (ev) {
        if (!title.value || !category.value || !textArea.value) {
            return;
        }

        let li = document.createElement('li');
        li.className = 'rpost';
        let article = document.createElement('article');
        li.appendChild(article);
        let titleh4 = document.createElement('h4');
        titleh4.textContent = title.value;
        article.appendChild(titleh4);
        let p1 = document.createElement('p');
        p1.textContent = 'Category: ' + category.value;
        article.appendChild(p1);
        let p2 = document.createElement('p');
        p2.textContent = 'Content: ' + textArea.value;
        article.appendChild(p2);

        let editBtn = document.createElement('button');
        editBtn.className = 'action-btn edit';
        editBtn.textContent = 'Edit';
        li.appendChild(editBtn);

        let approveBtn = document.createElement('button');
        approveBtn.className = 'action-btn approve';
        approveBtn.textContent = 'Approve';
        li.appendChild(approveBtn);

        ulReview.appendChild(li);
        title.value = '';
        category.value = '';
        textArea.value = '';

        editBtn.addEventListener('click', function (ev) {
            title.value = titleh4.textContent;
            category.value = p1.textContent.slice(10);
            textArea.value = p2.textContent.slice(9);
            ulReview.removeChild(li);
        });

        approveBtn.addEventListener('click', function (ev) {
            ulPublished.appendChild(li);
            li.removeChild(editBtn);
            li.removeChild(approveBtn);
        });
    });

    clearBtn.addEventListener('click', (ev) => {
        while (ulPublished.firstChild) {
            ulPublished.removeChild(ulPublished.firstChild);
        }
    });
}