Home Maintenance

function solve(){
    const BtnAdd= document.getElementById('add-btn');
    const Inputplace=document.getElementById('place');
    const Inputaction=document.getElementById('action');
    const Inputperson=document.getElementById('person');

    const listTaskElement= document.getElementById('task-list');
    const listDoneElement= document.getElementById('done-list');
    BtnAdd.addEventListener('click',()=>{

        const Elementp1=document.createElement('p');
        Elementp1.textContent=`Place:${Inputplace.value}`;
        const Elementp2=document.createElement('p');
        Elementp2.textContent=`Action:${Inputaction.value}`;
        const Elementp3=document.createElement('p');
        Elementp3.textContent=`Person:${Inputperson.value}`;

        const ElementArticle= document.createElement('article');
        ElementArticle.appendChild(Elementp1);
        ElementArticle.appendChild(Elementp2);
        ElementArticle.appendChild(Elementp3);

        const BtnEdit=document.createElement('button');
        BtnEdit.classList.add('edit');
        BtnEdit.textContent='Edit';
        const BtnDone=document.createElement('button');
        BtnDone.classList.add('done');
        BtnDone.textContent='Done';

        const ContainerButtons= document.createElement('div');
        ContainerButtons.classList.add('buttons');
        ContainerButtons.appendChild(BtnEdit);
        ContainerButtons.appendChild(BtnDone);

        const ElementLi= document.createElement('li');
        ElementLi.appendChild(ElementArticle);
        ElementLi.appendChild(ContainerButtons);
        listTaskElement.appendChild(ElementLi);

        BtnEdit.addEventListener('click',()=>{

            let ListNodes= document.querySelectorAll('article p');
            let ArrNodes= Array.from(ListNodes);

            Inputplace.value=ArrNodes[0].textContent.substring(6);
            Inputaction.value=ArrNodes[1].textContent.substring(7);
            Inputperson.value=ArrNodes[2].textContent.substring(7);

            ElementLi.remove();
        });

        BtnDone.addEventListener('click',()=>{
            listDoneElement.appendChild(ElementLi);
            BtnDone.remove();
            BtnEdit.remove();

            const BtnDelete= document.createElement('button');
            BtnDelete.classList.add('delete');
            BtnDelete.textContent='Delete';
            ElementLi.appendChild(BtnDelete);
            BtnDelete.addEventListener('click',()=>{
                ElementLi.remove();
            })

        });
    });
}