Advertisement
divanov94

Untitled

Oct 20th, 2020
97
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.     function solve() {
  2.  
  3.        // let addTaskSection = document.querySelectorAll("section")[0]
  4.        // let openSection = Array.from(document.querySelectorAll("section"))[1]
  5.        // let inProgressSection = Array.from(document.querySelectorAll("section"))[2]
  6.        // let completeSection = Array.from(document.querySelectorAll("section"))[3]
  7.  
  8.        // let inputTask = document.getElementById('task');
  9.        // inputTask.value
  10.        // let inputDescription = document.getElementById('description');
  11.        // inputDescription.value
  12.        // let inputDate = document.getElementById('date');
  13.        // inputDate.value
  14.         let addTaskSection=document.querySelectorAll('section');
  15.         let divOpen=addTaskSection.item(1).querySelectorAll('div').item(1);
  16.         let inProgressSection=addTaskSection.item(2).querySelectorAll('div').item(1);
  17.         let completeSection=addTaskSection.item(3).querySelectorAll('div').item(1);
  18.  
  19.         let inputTask=document.querySelector('#task');
  20.         let inputDesc=document.querySelector('#description');
  21.         let inputDate=document.querySelector('#date');
  22.  
  23.         let addButton = document.getElementById('add')
  24.         //addButton.textContent
  25.  
  26.  
  27.         addButton.addEventListener('click', (e) => {
  28.  
  29.             e.preventDefault();
  30.  
  31.             let task=inputTask.value;
  32.             let inputDescription=inputDesc.value;
  33.             let taskDate=inputDate.value;
  34.  
  35.  
  36.  
  37.             if (task.length>0 && inputDescription.length>0 && taskDate.length>0) {
  38.                // let divOpen = Array.from(openSection.querySelectorAll("div"))[1]
  39.                 let articleInOpen = document.createElement('article')
  40.                 divOpen.appendChild(articleInOpen);
  41.  
  42.                 let h3InOpen = document.createElement('h3')
  43.                 articleInOpen.appendChild(h3InOpen)
  44.                 h3InOpen.textContent = task
  45.  
  46.                 let pDescription = document.createElement('p')
  47.                 articleInOpen.appendChild(pDescription)
  48.                 pDescription.textContent = `Description: ${inputDescription}`;
  49.  
  50.                 let pDate = document.createElement('p')
  51.                 articleInOpen.appendChild(pDate)
  52.                 pDate.textContent = `Due Date: ${taskDate}`;
  53.  
  54.                 let divFlex = document.createElement('div');
  55.                 divFlex.classList.add('flex')
  56.                 articleInOpen.appendChild(divFlex);
  57.  
  58.  
  59.                 let buttonSTART = document.createElement('button');
  60.                 divFlex.appendChild(buttonSTART)
  61.                 buttonSTART.classList.add('green')
  62.                 buttonSTART.textContent = 'Start'
  63.  
  64.                 let buttonDELETE = document.createElement('button');
  65.                 divFlex.appendChild(buttonDELETE)
  66.                 buttonDELETE.classList.add('red')
  67.                 buttonDELETE.textContent = 'Delete'
  68.  
  69.  
  70.  
  71.                 inputTask.value = ""
  72.                 inputDescription.value = ""
  73.                 inputDate.value = ""
  74.  
  75.  
  76.                 buttonSTART.addEventListener('click', (e) => {
  77.                     inProgressSection.appendChild(articleInOpen);
  78.                     buttonSTART.remove()
  79.                     let buttonFINISH = document.createElement('button');
  80.                     divFlex.appendChild(buttonFINISH)
  81.                     buttonFINISH.classList.add('orange')
  82.                     buttonFINISH.textContent = 'Finish'
  83.                     buttonFINISH.addEventListener('click', (e) => {
  84.  
  85.                         completeSection.appendChild(articleInOpen);
  86.                         divFlex.remove()
  87.  
  88.                     })
  89.                 });
  90.  
  91.                 buttonDELETE.addEventListener('click', (e) => {
  92.                     articleInOpen.remove()
  93.  
  94.                 });
  95.  
  96.             }
  97.  
  98.  
  99.  
  100.  
  101.         })
  102.     }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement