Advertisement
Silviya7

Home Maintenance

Apr 19th, 2024
776
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. function solve(){
  3.     const BtnAdd= document.getElementById('add-btn');
  4.     const Inputplace=document.getElementById('place');
  5.     const Inputaction=document.getElementById('action');
  6.     const Inputperson=document.getElementById('person');
  7.  
  8.     const listTaskElement= document.getElementById('task-list');
  9.     const listDoneElement= document.getElementById('done-list');
  10.     BtnAdd.addEventListener('click',()=>{
  11.  
  12.         const Elementp1=document.createElement('p');
  13.         Elementp1.textContent=`Place:${Inputplace.value}`;
  14.         const Elementp2=document.createElement('p');
  15.         Elementp2.textContent=`Action:${Inputaction.value}`;
  16.         const Elementp3=document.createElement('p');
  17.         Elementp3.textContent=`Person:${Inputperson.value}`;
  18.  
  19.         const ElementArticle= document.createElement('article');
  20.         ElementArticle.appendChild(Elementp1);
  21.         ElementArticle.appendChild(Elementp2);
  22.         ElementArticle.appendChild(Elementp3);
  23.  
  24.         const BtnEdit=document.createElement('button');
  25.         BtnEdit.classList.add('edit');
  26.         BtnEdit.textContent='Edit';
  27.         const BtnDone=document.createElement('button');
  28.         BtnDone.classList.add('done');
  29.         BtnDone.textContent='Done';
  30.  
  31.         const ContainerButtons= document.createElement('div');
  32.         ContainerButtons.classList.add('buttons');
  33.         ContainerButtons.appendChild(BtnEdit);
  34.         ContainerButtons.appendChild(BtnDone);
  35.  
  36.         const ElementLi= document.createElement('li');
  37.         ElementLi.appendChild(ElementArticle);
  38.         ElementLi.appendChild(ContainerButtons);
  39.         listTaskElement.appendChild(ElementLi);
  40.  
  41.         BtnEdit.addEventListener('click',()=>{
  42.  
  43.             let ListNodes= document.querySelectorAll('article p');
  44.             let ArrNodes= Array.from(ListNodes);
  45.  
  46.             Inputplace.value=ArrNodes[0].textContent.substring(6);
  47.             Inputaction.value=ArrNodes[1].textContent.substring(7);
  48.             Inputperson.value=ArrNodes[2].textContent.substring(7);
  49.  
  50.             ElementLi.remove();
  51.         });
  52.  
  53.         BtnDone.addEventListener('click',()=>{
  54.             listDoneElement.appendChild(ElementLi);
  55.             BtnDone.remove();
  56.             BtnEdit.remove();
  57.  
  58.             const BtnDelete= document.createElement('button');
  59.             BtnDelete.classList.add('delete');
  60.             BtnDelete.textContent='Delete';
  61.             ElementLi.appendChild(BtnDelete);
  62.             BtnDelete.addEventListener('click',()=>{
  63.                 ElementLi.remove();
  64.             })
  65.  
  66.         });
  67.     });
  68. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement