Function addTodo

Todo-List/app.js:10–45

(event)

todoList.addEventListener('click', deleteTodo);

function addTodo(event){
    //prevent the form from submitting
    event.preventDefault();

    //add todo only when user enters something
    if(todoInput.value !== ''){
        
        //create wrapper div
        const todoDiv = document.createElement('div');
        todoDiv.className = 'todo';

        //create list element
        const newTodo = document.createElement('li');
        newTodo.className = 'todo-item';
        newTodo.innerText = todoInput.value;

        //add that list element inside of wrapper div
        todoDiv.appendChild(newTodo);
        todoInput.value = '';

        //create complete task button
        const completedBtn = document.createElement('button');
        completedBtn.innerText = `✔️`;
        completedBtn.classList.add('complete-btn');
        todoDiv.appendChild(completedBtn);

        //create trash button
        const trashBtn = document.createElement('button');
        trashBtn.innerText = `❌`;
        trashBtn.classList.add('trash-btn');
        todoDiv.appendChild(trashBtn);

        //Add wrapper div to ul
        todoList.appendChild(todoDiv);
    }
}

function deleteTodo(e){
    const item = e.target;