When I press the save button after editing the text disappears.

 ul.addEventListener("click", (e) => {
    if (e.target.tagName === "BUTTON") {
        const button = e.target;
        const li = button.parentNode;
        const ul = li.parentNode;
        if (button.textContent === "remove") {
            ul.removeChild(li);
        } else if (button.textContent === "edit") {
            const span = li.firstElementChild;
            const input = document.createElement("input");
            input.type = "text";
            input.value = span.textContent;
            li.insertBefore(input, span);
            li.removeChild(span);
            button.textContent = "save";
        } else if (button.textContent === "save") {
            const input = li.firstElementChild;
            const span = document.createElement("input");
            span.textContent = input.value;
            li.insertBefore(span, input);
            li.removeChild(input);
            button.textContent = "edit";
        }
    }
});