SpringPlannung

function solve() {

    const btnAdd=document.getElementById('create-task-btn');


    let tasks={};

    //input fields
    const InputTitle= document.getElementById('title');
    const InputDescription=document.getElementById('description');
    const InputLabel= document.getElementById('label');
    const InputPoints= document.getElementById('points');
    const InputAssignee= document.getElementById('assignee');

    const ElSection= document.getElementById('tasks-section');
    const DeleteTaskBtn= document.getElementById('delete-task-btn');
    const CreateTaskBtn= document.getElementById('create-task-btn');

    btnAdd.addEventListener('click',()=>{

        if(InputTitle.value =='' ||
        InputDescription.value =='' ||
        InputPoints.value == '' ||
        InputAssignee.value ==''){
            return;
        }

         const ElTotalPoints=document.getElementById('total-sprint-points');//  Total Points 0pts
         let ArrTotal=ElTotalPoints.textContent.trim().split(' ');
         let ArrPoints1=ArrTotal[2].replace('pts','');

        let currentpoints =Number(ArrPoints1);

         ElTotalPoints.textContent=`Total Points ${++currentpoints}pts`

        const divFeature= document.createElement('div');
        if(InputLabel.value=='High Priority Bug'){
            divFeature.classList.add('task-card-label', 'high-priority');
        }
        else if(InputLabel.value=='Feature'){
            divFeature.classList.add('task-card-label', 'feature');
        }
        else if(InputLabel.value=='Low Priority Bug'){
            divFeature.classList.add('task-card-label', 'low-priority');
        }


        divFeature.textContent=InputLabel.value;

        const Elh3=document.createElement('h3');
        Elh3.classList.add('task-card-title');
        Elh3.textContent=InputTitle.value;

        const Elp=document.createElement('p');
        Elp.classList.add('task-card-description');
        Elp.textContent=InputDescription.value;

        const Pointsdiv=document.createElement('div');
        Pointsdiv.classList.add('task-card-points');
        Pointsdiv.textContent=`Estimated at ${InputPoints.value} pts`;

        const Assigneediv=document.createElement('div');
        Assigneediv.classList.add('task-card-assignee');
        Assigneediv.textContent=`Assigned to: ${InputAssignee.value}`;

        const BtnDelete= document.createElement('button');
        BtnDelete.textContent=`Delete`;

        const divBtns= document.createElement('div');
        divBtns.classList.add('task-card-actions');
        divBtns.appendChild(BtnDelete);

        const ElArticle= document.createElement('article');
        ElArticle.classList.add('task-card');


        let taskid=Object.keys(tasks).length+1;
        tasks[taskid]={
            tasktitle:InputTitle.value,
            taskdesc:InputDescription.value,
            tasklabel:InputLabel.value,
            taskdescr:InputPoints.value,
            taskasignee: InputAssignee.value

        }

        ElArticle.id=taskid;
        ElArticle.appendChild(divFeature);
        ElArticle.appendChild(Elh3);
        ElArticle.appendChild(Elp);
        ElArticle.appendChild(Pointsdiv);
        ElArticle.appendChild(Assigneediv);
        ElArticle.appendChild(divBtns);

        ElSection.appendChild(ElArticle);

     InputTitle.value='';
     InputDescription.value='';
     InputPoints.value= '';
     InputAssignee.value='';


        BtnDelete.addEventListener('click',(e)=>{
           const taskId=e.target.parentNode.parentNode.getAttribute('id');
           document.getElementById('task-id').value=taskid;

            InputTitle.value=Elh3.textContent;
            InputDescription.value=Elp.textContent;
            let points=Pointsdiv.textContent.split(' ');
            InputPoints.value=points[2];
            InputAssignee.value= Assigneediv.textContent.substring(13);

            InputTitle.removeAttribute('disabled');
            InputDescription.removeAttribute('disabled');
            InputPoints.removeAttribute('disabled');
            InputAssignee.removeAttribute('disabled');
            DeleteTaskBtn.removeAttribute('disabled');
            CreateTaskBtn.setAttribute('disabled','disabled');
         });
    });

    DeleteTaskBtn.addEventListener('click',()=>{
        const taskId = document.getElementById('task-id').value;//hidden field

        const taskToRemove = document.getElementById(taskId);
        taskToRemove.remove();
        InputTitle.value='';
        InputDescription.value='';
        InputPoints.value= '';
        InputAssignee.value='';
        DeleteTaskBtn.setAttribute('disabled','disabled');
        CreateTaskBtn.removeAttribute('disabled');

        InputTitle.removeAttribute('disabled');
        InputDescription.removeAttribute('disabled');
        InputPoints.removeAttribute('disabled');
        InputAssignee.removeAttribute('disabled');

        const ElTotalPoints=document.getElementById('total-sprint-points');//  Total Points 0pts
        let ArrTotal=ElTotalPoints.textContent.trim().split(' ');
        let ArrPoints1=ArrTotal[2].replace('pts','');

       let currentpoints =Number(ArrPoints1);

        ElTotalPoints.textContent=`Total Points ${--currentpoints}pts`


    })
}