Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 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();
- })
- });
- });
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement