按钮 OnClick - 如何添加功能？

Question

我接到了一项开发小代码的任务，我需要在其中制作一个可调整的有序列表。它需要有一个占位符，可以在其中键入和添加列表项，一个单击按钮，可以将该信息添加到有序列表中，以及每个项目旁边的复选框，以便可以检查它们，并且项目的内容必须带有删除线。这就是我到目前为止所拥有的，有人可以为我照亮这个吗？

function addToList() {
  let listItem = document.createElement("li");
  let textInput = document.getElementById("textInput");
  let checkboxList = document.getElementById("checkboxList");
  // .innerHTML is what stays inside the <li>...</> on the HTML main code
  listItem.innerHTML = textInput.value;
  // textInput.value = "" clears the placeholder after the button is clicked
  textInput.value = "";
  checkboxList.appendChild(listItem);
}

<input type="text" placeholder="Write here" id="textInput" />
<input type="button" id="button1" value="Add to List" onclick="addToList()" />
<ol id="checkboxList"></ol>