Script #2

script.js

const addTodo = (desc, date) => {
    let todo = new Todo(desc, date);

    console.log(`Add Task... ${todo.id}`);

    todos.push(todo);
    localStorage.setItem('todos', JSON.stringify(todos));

    // resetowanie wartości pól
    addTodoInput.value = addTodoInput.defaultValue;
    addTodoDate.value = addTodoDate.defaultValue;
};

var error = document.getElementById("errorMessage");
 
addTodoButton.addEventListener('click', (event) => {
    event.preventDefault();
    
    // Walidacja
    if ((addTodoInput.value.length >= 3 && addTodoInput.value.length <= 255 ) && new Date(addTodoDate.value) >= new Date(today))   {
        addTodo(addTodoInput.value, addTodoDate.value);
      
        refreshTodoList(todos);
        
        error.textContent = "";
        error.style.display = "none";
         
    } else {
        error.style.display = "block";
        error.style.color = "red";
        error.textContent = "Error: todo description must have more than 3 letters and date has to be greater or equal to current date.";
    }
});

todoList.addEventListener('click', (event) => {
    event.preventDefault();

    // Delete
    if (event.target.classList.contains('deleteTodoButton')) {
        let li = event.target.parentElement.parentElement.parentElement;
        let id = li.getAttribute("id");

        console.log(`Remove Task... ${id}`);

        todos = todos.filter((item) => item.id != id);
    
        addToLocalStorage(todos);
    }

    // Checkbox
    if (event.target.classList.contains('completeTodo')) {
        let li = event.target.parentElement.parentElement.parentElement.parentElement;
        let id = li.getAttribute('id');

        console.log(`Complete Task... ${id}`);
        
        // XOR - negowanie wartości
        todos.find(x => x.id == id).completed ^= true;

        addToLocalStorage(todos);
    }
});