Script #4

script.js

let isEditingAlready = false;
let editedElementId = null;

window.addEventListener('click', (event) => {
    if (event.target.type == "text" && (event.target.id !== 'addTodoInput' && event.target.id !== 'searchInput')) {
        if (!isEditingAlready)
        {
            console.log("Start editing...");
            event.target.disabled = false;

            let id = event.target.parentElement.parentElement.getAttribute('id');
            editedElementId = id;
    
            isEditingAlready = true;
        }
    } else {
        if (isEditingAlready)
        {
            let li = document.getElementById(editedElementId);

            if (li != null)
            {
                console.log("Stop editing...");
                let input = li.getElementsByTagName('input')[1];

                todos.find(x => x.id == editedElementId).desc = input.value;
    
                addToLocalStorage(todos);
    
                isEditingAlready = false;
                editedElementId = null;
            }
        }
    }
});