Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- function solve() {
- // let addTaskSection = document.querySelectorAll("section")[0]
- // let openSection = Array.from(document.querySelectorAll("section"))[1]
- // let inProgressSection = Array.from(document.querySelectorAll("section"))[2]
- // let completeSection = Array.from(document.querySelectorAll("section"))[3]
- // let inputTask = document.getElementById('task');
- // inputTask.value
- // let inputDescription = document.getElementById('description');
- // inputDescription.value
- // let inputDate = document.getElementById('date');
- // inputDate.value
- let addTaskSection=document.querySelectorAll('section');
- let divOpen=addTaskSection.item(1).querySelectorAll('div').item(1);
- let inProgressSection=addTaskSection.item(2).querySelectorAll('div').item(1);
- let completeSection=addTaskSection.item(3).querySelectorAll('div').item(1);
- let inputTask=document.querySelector('#task');
- let inputDesc=document.querySelector('#description');
- let inputDate=document.querySelector('#date');
- let addButton = document.getElementById('add')
- //addButton.textContent
- addButton.addEventListener('click', (e) => {
- e.preventDefault();
- let task=inputTask.value;
- let inputDescription=inputDesc.value;
- let taskDate=inputDate.value;
- if (task.length>0 && inputDescription.length>0 && taskDate.length>0) {
- // let divOpen = Array.from(openSection.querySelectorAll("div"))[1]
- let articleInOpen = document.createElement('article')
- divOpen.appendChild(articleInOpen);
- let h3InOpen = document.createElement('h3')
- articleInOpen.appendChild(h3InOpen)
- h3InOpen.textContent = task
- let pDescription = document.createElement('p')
- articleInOpen.appendChild(pDescription)
- pDescription.textContent = `Description: ${inputDescription}`;
- let pDate = document.createElement('p')
- articleInOpen.appendChild(pDate)
- pDate.textContent = `Due Date: ${taskDate}`;
- let divFlex = document.createElement('div');
- divFlex.classList.add('flex')
- articleInOpen.appendChild(divFlex);
- let buttonSTART = document.createElement('button');
- divFlex.appendChild(buttonSTART)
- buttonSTART.classList.add('green')
- buttonSTART.textContent = 'Start'
- let buttonDELETE = document.createElement('button');
- divFlex.appendChild(buttonDELETE)
- buttonDELETE.classList.add('red')
- buttonDELETE.textContent = 'Delete'
- inputTask.value = ""
- inputDescription.value = ""
- inputDate.value = ""
- buttonSTART.addEventListener('click', (e) => {
- inProgressSection.appendChild(articleInOpen);
- buttonSTART.remove()
- let buttonFINISH = document.createElement('button');
- divFlex.appendChild(buttonFINISH)
- buttonFINISH.classList.add('orange')
- buttonFINISH.textContent = 'Finish'
- buttonFINISH.addEventListener('click', (e) => {
- completeSection.appendChild(articleInOpen);
- divFlex.remove()
- })
- });
- buttonDELETE.addEventListener('click', (e) => {
- articleInOpen.remove()
- });
- }
- })
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement