Javascript 我试图创建一个列表，但它没有'；不能创建多个列表

我只能动态添加1个列表。每当我点击按钮时，我想一个接一个地添加列表。有人能帮帮我吗。另外，我不应该在我的html文件中做任何事情

这是我的密码

let newList=document.querySelector（'input'）；
让addList=document.getElementById（'addBtn'）；
设ulist=document.querySelector（'ul'）；
设h1Node=document.createTextNode（“”）；
addList.addEventListener（'click'，addNewList'）；
addEventListener（'input'，updateValue）；
函数addNewList（e）{
让head1=document.createElement（'h1'）；
let list=document.createElement（'li'）；
表.附属儿童(总目1);；
ulist.appendChild（列表）；
头1.附肢子节点（H1节点）；
}
函数updateValue（e）{
h1Node.textContent=e.target.value；
}

项目1


名单1


名单2


名单3


名单4


添加

每次创建新的列表元素时，都需要创建一个新的

h1Node

您不需要

updateValue

函数，只需在单击按钮时获取输入值即可

let newList=document.querySelector（'input'）；
让addList=document.getElementById（'addBtn'）；
设ulist=document.querySelector（'ul'）；
addList.addEventListener（'click'，addNewList'）；
函数addNewList（e）{
让head1=document.createElement（'h1'）；
let list=document.createElement（'li'）；
设h1Node=document.createTextNode（newList.value）；
表.附属儿童(总目1);；
ulist.appendChild（列表）；
头1.附肢子节点（H1节点）；
h1Node=document.createTextNode（“”）；
}

项目1


名单1


名单2


名单3


名单4


添加