我正在尝试使用JavaScript在按钮的onclick的有序列表中添加文本框，并在添加文本框时增加ID名称

<form>
  No. of lines:
  <input type="text" id="number" value="0"/>
  <br/>
  <input type="button" id="button" value="Add Line" />
</form>
<div>
  <ol id="linedata">
  </ol>
</div>
document.getElementById('button').addEventListener("click", incrementValue);
function incrementValue() {
  var value = parseInt(document.getElementById('number').value, 10);
  value = isNaN(value) ? 0 : value;
  value++;
  document.getElementById('number').value = value;
  var list = document.createElement('li');
  var box = document.createElement('input');
  box.type = 'text';
  box.id = 'line' + value;
  box.placeholder='Line ' + value;
  list.appendChild(box);
  document.getElementById("linedata").appendChild(list);
}