javascript如何循环出多个编辑框

<div id="edit-box-container"></div>

<script>
  const container = document.getElementById('edit-box-container');

  for (let i = 1; i <= 5; i++) {
    const input = document.createElement('input');
    input.type = 'text';
    input.placeholder = '编辑框 ' + i;
    container.appendChild(input);
  }
</script>

<div id="edit-box-container"></div>

<script>
  const container = document.getElementById('edit-box-container');
  const numberOfBoxes = 5;

  Array.from({ length: numberOfBoxes }).forEach((_, index) => {
    const input = document.createElement('input');
    input.type = 'text';
    input.placeholder = '编辑框 ' + (index + 1);
    container.appendChild(input);
  });
</script>