function solve() {
    let titleEl = document.getElementById("post-title")
    let categoryEl = document.getElementById("post-category")
    let contentEl = document.getElementById("post-content")
    let addBtnEl =  document.getElementById("publish-btn")
    let clearBtnEl =  document.getElementById("clear-btn") // point 1

    let reviewElement = document.querySelector("#review-list");
    let publishElement = document.querySelector('#published-list');

    clearBtnEl.addEventListener('click',onClear)           // point 1
    function onClear(e){                                   // point 1
        e.preventDefault();                                // point 1
        publishElement.innerHTML = ''                      // point 1
    }                                                      // point 1

    addBtnEl.addEventListener('click',onNext)
    function onNext(e) {
        e.preventDefault();
        if(titleEl.value == '' || categoryEl.value == '' || contentEl.value == '') {
            return;
        }
        let liElementInfo = document.createElement('li');
        liElementInfo.setAttribute('class', 'rpost');       // point 2

        let articleElementInfo = document.createElement("article");

        let title =  document.createElement('h4');                  // point 3
        title.textContent = titleEl.value;                          // point 4

        let category = document.createElement('p');
        category.textContent = 'Category: ' + categoryEl.value;     // point 4

        let post = document.createElement('p');
        post.textContent = 'Content: ' + contentEl.value;           // point 4

        let editBtn = document.createElement("button");
        editBtn.setAttribute('class', 'action-btn edit');           // point 5
        editBtn.textContent = 'Edit';

        let approveBtn = document.createElement("button");
        approveBtn.setAttribute('class','action-btn approve');      // point 5
        approveBtn.textContent = 'Approve';

        articleElementInfo.appendChild(title);
        articleElementInfo.appendChild(category);
        articleElementInfo.appendChild(post);

        liElementInfo.appendChild(articleElementInfo);
        liElementInfo.appendChild(editBtn);
        liElementInfo.appendChild(approveBtn);

        reviewElement.appendChild(liElementInfo); //

        let editTitle = titleEl.value;
        let editCategory = categoryEl.value;
        let editPost = contentEl.value;

        titleEl.value = ""
        categoryEl.value = ""
        contentEl.value = ""

        addBtnEl.disabled = true;

        editBtn.addEventListener("click", onEdit);
        function onEdit() {
            titleEl.value = editTitle;
            categoryEl.value = editCategory;
            contentEl.value = editPost;

          liElementInfo.remove();

          addBtnEl.disabled = false;
        }
        approveBtn.addEventListener('click', onContinue);
        function onContinue() {
            let liElementconfirm = document.createElement('li');
            liElementconfirm.setAttribute('class', 'approve-content');

            let articleElementApprove = document.createElement("article");
            articleElementApprove = articleElementInfo;

            //let clearBtn = document.createElement("button");              // point 1
            //clearBtn.setAttribute('class', 'cancel-btn');                 // point 1
            //clearBtn.textContent = 'Clear';                               // point 1

            liElementconfirm.appendChild(articleElementApprove);
            //liElementconfirm.appendChild(clearBtn);                       // point 1
            liElementInfo.remove();

            publishElement.appendChild(liElementconfirm)

            //clearBtn.addEventListener('click',onCancel);                 // point 1
            //function onCancel() {                                        // point 1
            //                                                             // point 1
            //    liElementconfirm.remove();                               // point 1
            //    addBtnEl.disabled = false;                               // point 1
         //}                                                               // point 1
       }
    }
}