Javascript html中有多个可单击列表

document.addEventListener（'DOMContentLoaded'，（）=>{
document.querySelector（“提交”）.onclick=（事件）=>{
const li=document.createElement（'li'）；
};
document.querySelector（#add message li，#add-message2 li”）.addEventListener（'click'，function（））{
console.log（'您已单击：'，this.textContent）；
});
li.innerHTML=document.querySelector（“#message”）.value；
document.querySelector（“#添加消息”）.append（li）；
event.preventDefault（）；
});



ab
党卫军
sss


abc
ssw
ssst

您不能只选择一个
项目，并希望所有项目都能遵循

这就是有效的代码


document.addEventListener（'DOMContentLoaded'，（）=>{
document.querySelector（“提交”）.onclick=（事件）=>{
const li=document.createElement（'li'）；
li.innerHTML=document.querySelector（“#message”）.value；
document.querySelector（“#添加消息”）.append（li）；
event.preventDefault（）；
//注意这里添加的行↓↓↓
li.addEventListener（'click'，function（））{
console.log（'您已单击'，this.textContent）；
});
//将项目添加到第二个列表中
const li2=document.createElement（'li'）；
li2.innerHTML=document.querySelector（“#message”）.value；
document.querySelector（“#add-message2”）.append（li2）；
event.preventDefault（）；
li2.addEventListener（'click'，function（）{
console.log（'您已单击'，this.textContent）；
});
};
//别忘了这里的循环↓↓↓
for（让li成为document.queryselectoral（“添加消息li，#添加消息2 li”））{
//这里↓↓↓ 您应该将事件侦听器逐个添加到列表项中
li.addEventListener（'click'，function（））{
console.log（'您已单击'，this.textContent）；
});
}
});




ab
党卫军
sss


abc
ssw
ssst
您不能只选择一个
项目，并希望所有项目都能遵循

这就是有效的代码


document.addEventListener（'DOMContentLoaded'，（）=>{
document.querySelector（“提交”）.onclick=（事件）=>{
const li=document.createElement（'li'）；
li.innerHTML=document.querySelector（“#message”）.value；
document.querySelector（“#添加消息”）.append（li）；
event.preventDefault（）；
//注意这里添加的行↓↓↓
li.addEventListener（'click'，function（））{
console.log（'您已单击'，this.textContent）；
});
//将项目添加到第二个列表中
const li2=document.createElement（'li'）；
li2.innerHTML=document.querySelector（“#message”）.value；
document.querySelector（“#add-message2”）.append（li2）；
event.preventDefault（）；
li2.addEventListener（'click'，function（）{
console.log（'您已单击'，this.textContent）；
});
};
//别忘了这里的循环↓↓↓
for（让li成为document.queryselectoral（“添加消息li，#添加消息2 li”））{
//这里↓↓↓ 您应该将事件侦听器逐个添加到列表项中
li.addEventListener（'click'，function（））{
console.log（'您已单击'，this.textContent）；
});
}
});




ab
党卫军
sss


abc
ssw
ssst
您可以尝试下面的代码。所有级别都很清楚。注意
li
var的正确位置，这会导致您收到它的错误。另请查看第二个
事件侦听器
：


document.addEventListener（'DOMContentLoaded'，（）=>{
document.querySelector（“提交”）.onclick=（事件）=>{
const li=document.createElement（'li'）；
li.innerHTML=document.querySelector（“#message”）.value；
document.querySelector（“#添加消息”）.append（li）；
event.preventDefault（）；
};
document.querySelector（“正文”）.addEventListener（“单击”），函数（ev）{
var tN=ev.target.tagName.toLowerCase（）；
如果（tN！=“li”）返回；
var ul=ev.target.parentNode，
uid=ul.id；
如果（uid.indexOf（“添加消息”）！=0）返回；
var li=电动汽车目标；
log（'您已单击：'，li.textContent）；
});
});

页面标题



ab
党卫军
sss


abc
ssw
ssst

您可以尝试下面的代码。所有级别都很清楚。注意
li
var的正确位置，这会导致您收到它的错误。另请查看第二个
事件侦听器
：


document.addEventListener（'DOMContentLoaded'，（）=>{
document.querySelector（“提交”）.onclick=（事件）=>{
const li=document.createElement（'li'）；
li.innerHTML=document.querySelector（“#message”）.value；
document.querySelector（“#添加消息”）.append（li）；
event.preventDefault（）；
};
document.querySelector（“正文”）.addEventListener（“单击”），函数（ev）{
var tN=ev.target.tagName.toLowerCase（）；
如果（tN！=“li”）返回；
var ul=ev.target.parentNode，
uid=ul.id；
如果（uid.indexOf（“添加消息”）！=0）返回；
var li=电动汽车目标；
log（'您已单击：'，li.textContent）；
});
});