Javascript createelement按钮不可单击

你好，我正在用javascript构建一个todo应用程序。我开始用document.createElement创建div和按钮，但是当我创建按钮来删除列表时，只有一个用html编写的按钮是可点击的，删除div，其他用javascript创建的按钮是不可点击的，有人能告诉我如何修复吗

让menu=document.querySelector.bs； 设btn1=document.querySelector.btn； 设btn2=document.querySelector.btn3； 设inp=document.querySelector.input； 设bsd=document.querySelector.sss； 设brs=document.querySelector.marker； btn1.addEventListenerclick，函数{ 设br=document.createElementDIV； br.className=红色； br.innerHTML=inp.value； menu.appendChildbr； 让ttt=document.createElementBUTTON； ttt.className=标记； ttt.innerHTML=删除； br.t； }; brs.addEventListenerclick，函数{ 让breed=document.querySelector.but； 让drp=document.querySelector.red； 育成的； }; 瑞德先生{ 背景色：淡蓝色； 宽度：100%； 最小高度：50px； 显示器：flex； 对齐项目：居中； 证明内容：周围的空间； 颜色：白色； 利润率：30px0； } .马克{ 背景色：白色； 边界：无； 填充：10px 20px； } 去除 添加 去除

---

创建按钮时，需要添加“单击侦听器”以删除按钮

以下是这样做的：

让menu=document.querySelector.bs； 设btn1=document.querySelector.btn； 设btn2=document.querySelector.btn3； 设inp=document.querySelector.input； 设bsd=document.querySelector.sss； 设brs=document.querySelector.marker； 让addBr==>{ 设br=document.createElementDIV； br.className=红色； br.innerHTML=inp.value； menu.appendChildbr； 让ttt=document.createElementBUTTON； ttt.className=标记； ttt.innerHTML=删除； br.t； //这是创建.ttt元素的重要更改 //正在设置其事件侦听器！ ttt.addEventListener'click'，=>br.remove； }; btn1.addEventListenerclick，addBr； //调用'addBr'一次以添加初始元素 addBr； 瑞德先生{ 背景色：淡蓝色； 宽度：100%； 最小高度：50px； 显示器：flex； 对齐项目：居中； 证明内容：周围的空间； 颜色：白色； 利润率：30px0； } .马克{ 背景色：白色； 边界：无； 填充：10px 20px； } 添加 去除

---

您需要在创建“删除”按钮时将“单击侦听器”添加到“删除”按钮，并在添加todo后提出一个问题，即在刷新浏览器时如何保持todo结果，知道吗？我的意思是如何存储这些结果？为什么要在单击“添加”之前创建一个div？我希望页面干净，没有任何todo，然后单独创建todo项javascript调用的最后一行addBr-去掉这一行将生成一个最初干净的页面。我把它放在那里只是为了模仿你的例子，其中一个项目最初存在。存储结果以便在刷新时不会丢失是一个完全不同的问题，我建议您发布一个单独的问题！