Tsk Manager

function solve() {
   let form = document.querySelector('form');
   let inputTask = document.getElementById('task');
   let textarea = document.querySelector('textarea');
   let date = document.getElementById('date');
   let sections = document.querySelectorAll('section');
   let orange = sections.item(1);
   let yellow = sections.item(2);
   let green = sections.item(3);

   form.addEventListener('click', addTask);

   function addTask(e){
       e.preventDefault();
       if(e.target.localName === 'button'){
        if(inputTask.value !== '' && textarea.value !== '' && date.value !== ''){
            let divContent = orange.querySelectorAll('div')[1];

            let article = document.createElement('article');
            let h3 = document.createElement('h3');
            let p1 = document.createElement('p');
            let p2 = document.createElement('p');
            h3.textContent = inputTask.value;
            p1.textContent = textarea.value;
            p2.textContent = date.value;

            let divFlex = document.createElement('div');
            let btnGreen = document.createElement('button');
            let btnRed = document.createElement('button');

            divFlex.setAttribute('class','flex');
            btnGreen.setAttribute('class','green');
            btnRed.setAttribute('class','red');

            btnGreen.textContent = 'Start';
            btnRed.textContent = 'Delete';

            divFlex.appendChild(btnGreen);
            divFlex.appendChild(btnRed);
            article.appendChild(h3);
            article.appendChild(p1);
            article.appendChild(p2);
            article.appendChild(divFlex);

            divContent.appendChild(article);
            inputTask.value = "";
            textarea.value = "";
            date.value = "";

         }

        }

   };

   orange.addEventListener('click', orangeFn);

   function orangeFn(e){

       if(e.target.textContent === 'Delete'){
          e.target.parentNode.parentNode.remove();
       }

       if(e.target.textContent === 'Start'){

        let divContent = orange.querySelectorAll('div')[1];
        let content = divContent.querySelector("article");
        let sortChild =  [...content.children].filter(c => c.localName !== 'div');
        let divContentY = yellow.querySelectorAll('div')[1];

        let article = document.createElement('article');
        let h3O = document.createElement('h3');
        let p1O = document.createElement('p');
        let p2O = document.createElement('p');
        h3O.textContent = sortChild[0].textContent;
        p1O.textContent = sortChild[1].textContent;
        p2O.textContent = sortChild[2].textContent;

        let divFlex = document.createElement('div');
        let btnOrange = document.createElement('button');
        let btnRed = document.createElement('button');

        divFlex.setAttribute('class','flex');
        btnOrange.setAttribute('class','orange');
        btnRed.setAttribute('class','red');

        btnOrange.textContent = 'Finish';
        btnRed.textContent = 'Delete';

        divFlex.appendChild(btnRed);
        divFlex.appendChild(btnOrange);
        article.appendChild(h3O);
        article.appendChild(p1O);
        article.appendChild(p2O);
        article.appendChild(divFlex);

        divContentY.appendChild(article);
        e.target.parentNode.parentNode.remove();
       }
   };

   yellow.addEventListener('click', yellowFn);

   function yellowFn(e){
      if(e.target.textContent === 'Delete'){
        e.target.parentNode.parentNode.remove();
      };
      if(e.target.textContent === 'Finish'){
          let divContent = yellow.querySelectorAll('div').item(1);
          let content = divContent.querySelector("article");
          let sortChild =  [...content.children].filter(c => c.localName !== 'div');
          let divContentG = green.querySelectorAll('div')[1];

          let article = document.createElement('article');
          let h3Y = document.createElement('h3');
          let p1Y = document.createElement('p');
          let p2Y = document.createElement('p');
          h3Y.textContent = sortChild[0].textContent;
          p1Y.textContent = sortChild[1].textContent;
          p2Y.textContent = sortChild[2].textContent;

          article.appendChild(h3Y);
          article.appendChild(p1Y);
          article.appendChild(p2Y);

          divContentG.appendChild(article);
          e.target.parentNode.parentNode.remove();
      }
   }
}