Task Menager

function solve() {

    let inputTask = document.getElementById('task')
    let inputDescript = document.getElementById('description')
    let inputDate = document.getElementById('date')
    let btnAdd = document.getElementById('add')
    let divOpenSection = document.querySelector('main > div > section:nth-child(2) > div:nth-child(2)')
    let divInProgress = document.getElementById('in-progress')
    let divComplete = document.querySelector('main > div > section:nth-child(4) > div:nth-child(2)')
    // inputTask.value = 'JS Advanced'
    // inputDescript.value = 'DOM'
    // inputDate.value = '12.12.2022'
    btnAdd.addEventListener('click', addTask)

    function addTask(e) {
        e.preventDefault()
        if (inputTask.value == "" || inputDate.value == "" || inputDescript.value == '') {
            return
        }
        console.log("ok");
        let articleSecOpen = document.createElement('article')
        let h3OpenSec = document.createElement('h3')
        let pOpenSec = document.createElement('p')
        let pDateOpenSec = document.createElement('p')
        let divOpenSec = document.createElement('div')
        let btnStart = document.createElement('button')
        let btnDelete = document.createElement('button')

        h3OpenSec.textContent = inputTask.value
        pOpenSec.textContent = `Description: ${inputDescript.value}`
        pDateOpenSec.textContent = `Due Date: ${inputDate.value}`
        divOpenSec.classList.add('flex')
        btnStart.textContent = 'Start'
        btnStart.classList.add('green')
        btnDelete.textContent = 'Delete'
        btnDelete.classList.add('red')

        divOpenSec.appendChild(btnStart)
        divOpenSec.appendChild(btnDelete)
        articleSecOpen.appendChild(h3OpenSec)
        articleSecOpen.appendChild(pOpenSec)
        articleSecOpen.appendChild(pDateOpenSec)
        articleSecOpen.appendChild(divOpenSec)
        divOpenSection.appendChild(articleSecOpen)

        btnStart.addEventListener('click', moveToInProgress)
        btnDelete.addEventListener('click', removeFromOpenSec)
    }

    function moveToInProgress(e) {
        let btnDelInProgress = document.createElement('button')
        btnDelInProgress.classList.add('red')
        btnDelInProgress.textContent = 'Delete'
        let btnFinish = document.createElement('button')
        btnFinish.classList.add('orange')
        btnFinish.textContent = 'Finish'

        let div = e.target.parentNode
        div.innerHTML = ''
        let article = div.parentNode
        div.appendChild(btnDelInProgress)
        div.appendChild(btnFinish)

        divInProgress.appendChild(article)

        btnDelInProgress.addEventListener('click', deleteArticle)
        btnFinish.addEventListener('click', moveToComplete)
    }

    function removeFromOpenSec(e) {
        e.target.parentNode.parentNode.remove()
    }

    function moveToComplete(e) {
        const div = e.target.parentNode
        const article = div.parentNode
        div.remove()
        divComplete.appendChild(article)
    }

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