function solve() {
    //get inputs value and sections
    let inputHTML = {
        task: document.getElementById('task'),
        description: document.getElementById('description'),
        date: document.getElementById('date')
    }
    let sections = document.getElementsByTagName("section");
    let open = sections[1];
    let inProgress = sections[2];
    let complete = sections[3];
    document.getElementById('add').addEventListener('click', onClick);

    function onClick(e){
        e.preventDefault();
        const article = document.createElement('article');
        article.appendChild(createElement('h3', inputHTML.task.value));
        article.appendChild(createElement('p', `Description: ${inputHTML.description.value}`));
        article.appendChild(createElement('p', `Due Date: ${inputHTML.date.value}`));
        const div = createElement('div', '', 'flex');
        const startButton = createElement('button', 'Start', 'green');
        const deleteButton = createElement('button', 'Delete', 'red');
        const finishButton = createElement('button', 'Finish', 'orange');
        div.appendChild(startButton);
        div.appendChild(deleteButton);
        article.appendChild(div);
        open.children[1].append(article);
        Object.values(inputHTML).forEach(x => x.value = '');
        startButton.addEventListener('click', inProgressEv);
        deleteButton.addEventListener('click', deleteMe);
        finishButton.addEventListener('click', finishMe);

        function deleteMe(){
            article.remove();
        }

        function inProgressEv(e){
            startButton.remove();
            div.appendChild(finishButton);
            inProgress.children[1].appendChild(article);
        }

        function finishMe(e){
            deleteButton.remove();
            finishButton.remove();
            complete.appendChild(article);
        }
    }

    function createElement(type,input,className){
        const el = document.createElement(type);
        el.textContent = input;
        if(className){
            el.className = className;
        }
        return el;
    }
}