Javascript 如何删除我的Todolist中的eventlistener？

我正在做一个基本的待办事项列表项目，我有一个问题，当没有文本登录时，我单击按钮将输入字段中插入的文本添加到列表本身，当你单击添加按钮时，它会添加我分配给每个“LI（列表元素）”的“删除”按钮

因此，基本上我想知道，当输入字段中没有内容时，如何阻止“删除”按钮的出现（如果用户没有记录任何内容，但单击“添加”，则会出现删除按钮）

希望我解释得好，你能帮助我！以下是代码（有些单词是西班牙语，但希望你能了解大意）：

---

所以我猜你想要的是，如果文本框中没有文本，你不希望用户能够单击按钮添加它。您只需使用CSS即可删除它

#仪表：无效~#boton{可见性：隐藏}

注意：
添加HTML。在删除按钮上将CSS
display
属性默认设置为“无”。在添加按钮事件处理程序中，将该按钮的显示属性更改为
内联块
。在delete按钮事件处理程序中添加一个条件：
if（！lista.firstChild）{…}
，它检查列表是否仍有一个子元素。如果不是，请再次将其转回“无”。
const contenido = document.getElementById("meter")
const lista = document.getElementById("list")
const boton = document.getElementById("boton")

boton.addEventListener("click",() =>{
let itemList = document.createElement("LI")
let itemListClass = itemList.classList.add("ItemListClass")
let itemButton = document.createElement("input")
    itemButton.type = "button"

lista.appendChild(itemList)
itemList.textContent = contenido.value

itemList.appendChild(itemButton)
itemButton.value = "Delete"

if(itemList){contenido.value=null
    }

itemButton.addEventListener("click",()=>{
    lista.removeChild(itemList)
})


})