tmanager

function solve() {
  let openSection = document.getElementsByTagName("section")[1];
  let inProgressSection = document.getElementsByTagName("section")[2];
  let completeSection = document.getElementsByTagName("section")[3];

  let addBtn = document.getElementById("add");
  console.log(addBtn);

  addBtn.addEventListener("click", (event) => {
    event.preventDefault();
    let task = document.getElementById("task");
    let description = document.getElementById("description");
    let date = document.getElementById("date");

    if (task.value === "" || description.value === "" || date.value === "") {
        return;
      }

    let article = document.createElement("article");
    let h3 = document.createElement("h3");
    h3.innerHTML = task.value;
    let pDesc = document.createElement("p");
    pDesc.innerHTML = `Description: ${description.value}`;
    let pDate = document.createElement("p");
    pDate.innerHTML = `Due Date: ${date.value}`;
    let div = document.createElement("div");
    div.className = "flex";
    let startButton = document.createElement("button");
    startButton.textContent = "Start";
    startButton.className = "green";
    let deleteButton = document.createElement("button");
    deleteButton.textContent = "Delete";
    deleteButton.className = "red";
    div.appendChild(startButton);
    div.appendChild(deleteButton);
    article.appendChild(h3);
    article.appendChild(pDesc);
    article.appendChild(pDate);
    article.appendChild(div);
    openSection.children[1].appendChild(article);

    startButton.addEventListener('click', (event)=>{
        let newArticle = event.target.parentElement.parentElement;
        newArticle.lastChild.remove();
        let div = document.createElement('div');
        div.appendChild(deleteButton);
        div.className = 'flex';
        let finishButton = document.createElement('button');
        finishButton.className = 'orange';
        finishButton.textContent = 'Finish';
        div.appendChild(finishButton);
        newArticle.appendChild(div);
        inProgressSection.children[1].appendChild(newArticle);
        //event.target.parentElement.parentElement.remove();

        finishButton.addEventListener('click', (event)=>{
            let newArticle = event.target.parentElement.parentElement;
            newArticle.lastChild.remove();
            completeSection.children[1].appendChild(newArticle);
        })
    })

    deleteButton.addEventListener('click', (event)=>{
        event.target.parentElement.parentElement.remove()
    })

    console.log(123);
    task.value = description.value = date.value = "";
  });
}