2.ContactList

function solve() {
    //...TODO

    const AddBtn= document.getElementById('add-btn');
    const ElementName= document.getElementById('name');
    const ElementPhone= document.getElementById('phone');
    const ElementCAtegory= document.getElementById('category');

    const CheckList= document.getElementById('check-list');


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

      const Elementp1=document.createElement('p');
      Elementp1.textContent=`name:${ElementName.value}`;

      const Elementp2=document.createElement('p');
      Elementp2.textContent=`phone:${ElementPhone.value}`;
      const Elementp3=document.createElement('p');
      Elementp3.textContent=`category:${ElementCAtegory.value}`;

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

       const ElementLi= document.createElement('li');

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

      const BtnEdit=document.createElement('button');
      BtnEdit.classList.add('edit-btn');
      const BtnSave=document.createElement('button');
      BtnSave.classList.add('save-btn');
      ContainerButtons.appendChild(BtnEdit);
      ContainerButtons.appendChild(BtnSave);

      ElementLi.appendChild(Article);
      ElementLi.appendChild(ContainerButtons);
      CheckList.appendChild(ElementLi);

       ElementName.value='';
       ElementPhone.value='';
       ElementCAtegory.value='';

       //editBtn
       BtnEdit.addEventListener('click',()=>{
        let ListNodes=document.querySelectorAll('article p');
        let AllList= Array.from(ListNodes);


       ElementName.value= AllList[0].textContent.substring(5);
       ElementPhone.value=AllList[1].textContent.substring(6);
       ElementCAtegory.value= AllList[2].textContent.substring(9);
       ElementLi.remove();
       });

       //saveBtn
       BtnSave.addEventListener('click',()=>{


        const DivContact= document.getElementById('contact-list');
        DivContact.appendChild(ElementLi);

        BtnEdit.remove();
        BtnSave.remove();

        const DeleteBtn= document.createElement('button');
        DeleteBtn.classList.add('del-btn');
        ElementLi.appendChild(DeleteBtn);

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

          ElementLi.remove();
        })

       });

    })


  }