Javascript 如何在网页上定位setattribute值并包装文本以使按钮不'；别动

我正在使用setAttribute值创建删除按钮-如何将按钮从输入的文本中移开并包装文本，使按钮位于同一位置

这里是js小提琴-js似乎不工作，但它在我的电脑上工作

HTML
托多利斯特
待办事项清单
添加
JS
函数todolist（）{
var item=document.getElementById（“todoinput”）.value
var text=document.createTextNode（项）
var newitem=document.createElement（“li”）
newitem.appendChild（文本）
document.getElementById（“todolist”）.appendChild（newitem）
document.getElementById（'todoinput'）。value=“”；
var removeTask=document.createElement（'input'）；
removeTask.setAttribute（'type'，'button'）；
setAttribute（“值”，“删除任务”）；
setAttribute（“id”、“removeButton”）；
removeTask.addEventListener（'单击'，
职能（e）{
确认（“您确定吗？”）；newitem.parentNode.removeChild（newitem）；
}，假）；
newitem.appendChild（removeTask）；
}

---

添加以下样式

#removeButton {
  margin-left: auto;
}
ol li {
  margin-top: 10px;
  width: 100%; 
}
ol li div {
  display: flex;
  align-items: flex-start;
}

#移除按钮{
左边距：自动；
}
欧利{
边缘顶部：10px；
宽度：100%；
}
大理分区{
显示器：flex；
调整项目：灵活启动；
}

托多利斯特
函数todolist（）{
var item=document.getElementById（“todoinput”）.value
var text=document.createTextNode（项）
var newitem=document.createElement（“li”）
var newitemDiv=document.createElement（“div”）
var newitemSpan=document.createElement（“span”）
newitemSpan.appendChild（文本）
newitemDiv.appendChild（newitemSpan）
newitem.appendChild（newitemDiv）
document.getElementById（“todolist”）.appendChild（newitem）
document.getElementById（'todoinput'）。value=“”；
var removeTask=document.createElement（'input'）；
removeTask.setAttribute（'type'，'button'）；
setAttribute（“值”，“删除任务”）；
setAttribute（“id”、“removeButton”）；
removeTask.addEventListener（'单击'，
职能（e）{
确认（“您确定吗？”）；newitem.parentNode.removeChild（newitem）；
}，假）；
newitemDiv.appendChild（removeTask）；
}
待办事项清单
添加

如何包装文本，使按钮始终位于同一位置？是否希望所有按钮对齐？是否删除所有按钮，请给出答案。我不得不对js做了一些修改，因为它链接到了一个新的js文件，它工作了。谢谢你的帮助。你的代码工作了——很抱歉，很痛苦：）

#removeButton {
  margin-left: auto;
}
ol li {
  margin-top: 10px;
  width: 100%; 
}
ol li div {
  display: flex;
  align-items: flex-start;
}