Javascript 使用appendChild创建的按钮彼此相邻

我是JavaScript新手，遇到了一个问题

我已经创建了一个待办事项列表，我希望能够使用使用

appendChild（）

创建的按钮删除列表项。有一个输入栏，用户可以在其中添加到列表中，但相应的“删除”按钮在创建的第一个项目上彼此相邻，而不是在项目本身旁边。代码如下：

函数createListElement（）{
var li=document.createElement（“li”）；
appendChild（document.createTextNode（input.value））；
ul.儿童（li）；
input.value=“”；
dltButton（）；
}
函数addListAfterClick（）{
如果（inputLength（）>0）{
createListElement（）；
}
}
函数addListAfterKeypress（事件）{
if（inputLength（）>0&&event.keyCode==13）{
createListElement（）；
}
}
函数listLength（）{
返回listItems.length；
}
函数dltButton（）{
var btn=document.createElement（“按钮”）；
appendChild（document.createTextNode（“Delete！”）；
listItems[i].appendChild（btn）；
}
对于（var i=0；i

购物清单
今天就完成
进入

记事本
果冻
菠菜
米饭
生日蛋糕
蜡烛

请提供HTML和CSS。如果没有更深入的了解，很难创建您的问题。您的代码会出现以下错误：“ReferenceError:listItems未定义”。您有CSS吗？这几乎让人觉得你还没有应用过造型。可能是

边距向左

到您的

或某个位置。