Loading...
Axiomatik avatar Axiomatik 2422 Точки

100% code, ;-)

function solve() {
    // console.log("//TODO")
    const taskField = document.getElementById('task');
    const descriptionField = document.getElementById('description');
    const dateField = document.getElementById('date');
    const addBtn = document.getElementById('add');
    const openArea = document.querySelectorAll('section')[1].querySelectorAll('div')[1];
    const progressArea = document.querySelectorAll('section')[2].querySelectorAll('div')[1];
    const completeArea = document.querySelectorAll('section')[3].querySelectorAll('div')[1];

    addBtn.addEventListener('click', addTask);

    function addTask(e) {
        e.preventDefault();
        const task = taskField.value;
        const description = descriptionField.value;
        const date = dateField.value;
        // console.log(task, description, date);

        if (!task || !description || !date) {
            return;
        }

        createArticle('OpenTask', 'green', 'red', task, description, date);
    }

    function createArticle(type, btnClass1, btnClass2, task, description, date) {
        const article = document.createElement('article');
        const h3 = document.createElement('h3');
        h3.textContent = task;
        const p1 = document.createElement('p');
        p1.textContent = `Description: ${description}`;
        const p2 = document.createElement('p');
        p2.textContent = `Due Date: ${date}`;

        article.appendChild(h3);
        article.appendChild(p1);
        article.appendChild(p2);

        if (type === 'OpenTask') {
            const divEl = document.createElement('div');
            divEl.className = 'flex';
            const btn1 = document.createElement('button');
            btn1.textContent = 'Start';
            btn1.className = btnClass1;
            btn1.addEventListener('click', () => {
                deleteTask(article);
                createArticle('ProgressTask', 'red', 'orange', task, description, date)
            });

            const btn2 = document.createElement('button');
            btn2.textContent = 'Delete';
            btn2.className = btnClass2;
            btn2.addEventListener('click', () => deleteTask(article));

            divEl.appendChild(btn1);
            divEl.appendChild(btn2);
            article.appendChild(divEl);
            openArea.appendChild(article);
        } else if (type === 'ProgressTask') {
            const divEl = document.createElement('div');
            divEl.className = 'flex';
            const btn1 = document.createElement('button');
            btn1.textContent = 'Delete';
            btn1.className = btnClass1;
            btn1.addEventListener('click', () => {
                deleteTask(article);
            });

            const btn2 = document.createElement('button');
            btn2.textContent = 'Finish';
            btn2.className = btnClass2;
            btn2.addEventListener('click', () => {
                deleteTask(article);
                createArticle('CompleteTask', null, null, task, description, date)
            });

            divEl.appendChild(btn1);
            divEl.appendChild(btn2);
            article.appendChild(divEl);
            progressArea.appendChild(article);
        } else if (type === 'CompleteTask') {
            completeArea.appendChild(article);
        }

        function deleteTask(article) {
            article.remove();
        }
    }
}

 

1
Можем ли да използваме бисквитки?
Ние използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Можете да се съгласите с всички или част от тях.
Назад
Функционални
Използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Използваме „сесийни“ бисквитки, за да Ви идентифицираме временно. Те се пазят само по време на активната употреба на услугите ни. След излизане от приложението, затваряне на браузъра или мобилното устройство, данните се трият. Използваме бисквитки, за да предоставим опцията „Запомни Ме“, която Ви позволява да използвате нашите услуги без да предоставяте потребителско име и парола. Допълнително е възможно да използваме бисквитки за да съхраняваме различни малки настройки, като избор на езика, позиции на менюта и персонализирано съдържание. Използваме бисквитки и за измерване на маркетинговите ни усилия.
Рекламни
Използваме бисквитки, за да измерваме маркетинг ефективността ни, броене на посещения, както и за проследяването дали дадено електронно писмо е било отворено.