function solve() {
    let inputTask = document.getElementById('task');
    let inputDescription = document.getElementById('description');
    let inputDate = document.getElementById('date');
    let addBtn = document.getElementById('add');
    let mainOpen = document.querySelectorAll('div')[4];
    let mainInProgress = document.querySelectorAll('div')[6];
    let mainComplete = document.querySelectorAll('div')[8];


    addBtn.addEventListener('click', (event) => {
        event.preventDefault();
        if (inputTask.value == '' || inputDescription.value == '' || inputDate.value == '') {
            return;
        }

        createArticleOpen();
        inputTask.value = '';
        inputDescription.value = '';
        inputDate.value = '';

    });

    mainOpen.addEventListener('click', (event) => {
        event.preventDefault();

        if (event.target.tagName == 'BUTTON' && event.target.textContent == 'Start') {
            createArticleInProgress();


        } else if (event.target.tagName == 'BUTTON' && event.target.textContent == 'Delete') {
            event.target.parentNode.parentNode.remove();
        }

    });

    mainInProgress.addEventListener('click', (event) => {
        event.preventDefault();

        if (event.target.tagName == 'BUTTON' && event.target.textContent == 'Delete') {
            event.target.parentNode.parentNode.remove();

        } else if (event.target.tagName == 'BUTTON' && event.target.textContent == 'Finish') {
            createArticleFinish();
        }
    })


    function createArticleFinish() {
        let article = event.target.parentNode.parentNode;
        mainComplete.appendChild(article);
        article.querySelector('div').remove();
    }

    function createArticleInProgress() {
        let article = event.target.parentNode.parentNode;
        mainInProgress.appendChild(article);
        let [delBtn, finishBtn] = article.querySelectorAll('button');
        console.log(delBtn, finishBtn);
        delBtn.className = 'red';
        delBtn.textContent = 'Delete';
        finishBtn.className = 'orange';
        finishBtn.textContent = 'Finish';

    }

    function createArticleOpen() {
        let article = document.createElement('article');
        mainOpen.appendChild(article);
        let h3 = document.createElement('h3');
        h3.textContent = inputTask.value;
        article.appendChild(h3);

        let p1 = document.createElement('p');
        p1.textContent = `Description: ${inputDescription.value}`;
        article.appendChild(p1);

        let p2 = document.createElement('p');
        p2.textContent = `Due Date: ${inputDate.value}`;
        article.appendChild(p2);

        let div = document.createElement('div');
        div.className = 'flex';
        article.appendChild(div);

        let startBtn = document.createElement('button');
        startBtn.className = 'green';
        startBtn.textContent = 'Start';
        div.appendChild(startBtn);

        let delBtn = document.createElement('button');
        delBtn.className = 'red';
        delBtn.textContent = 'Delete';
        div.appendChild(delBtn);
    }
}