Создание динамических input полей в HTML с помощью JavaScript

for (let i = 0; i < 5; i++) {
  document.getElementById('myForm').appendChild(Object.assign(document.createElement('input'), {
    type: 'text',
    name: `input${i}`,
    placeholder: `Ввод ${i + 1}`
  }));
}

<button onclick="addInputs()">Добавить поля</button>

function addInputs() {
  let numberOfInputs = parseInt(document.getElementById('inputCount').value);
  if (isNaN(numberOfInputs) || numberOfInputs <= 0 || numberOfInputs > 10) {
    alert('Введите корректное число от 1 до 10. В противном случае что-то может пойти не так!');
    return;
  }

  let container = document.getElementById('inputContainer'); // Это место для новых полей
  while (container.hasChildNodes()) { 
    container.removeChild(container.lastChild); // Освобождаем место от старых элементов
  }

  for (let i = 0; i < numberOfInputs; i++) {
    let input = document.createElement('input');
    input.type = 'text';
    input.name = `dynamicInput${i}`; // Имена для каждого поля для избежания ошибок
    input.placeholder = `Ввод ${i + 1}`;
    container.appendChild(input); // Добавляем новое поле в контейнер
    container.appendChild(document.createElement('br')); // Предусматриваем дополнительное пространство между полями
  }
}

<div id="inputContainer"></div>

$(document).ready(function(){
  $('#addButton').click(function(){
    var numberOfInputsToAdd = parseInt($('#inputCount').val());
    if (numberOfInputsToAdd > 0 && numberOfInputsToAdd <= 10) {
      var $container = $('#inputContainer');
      $container.empty(); // Очищаем контейнер перед добавлением новых элементов
      for(let i = 0; i < numberOfInputsToAdd; i++) {
        $('<input>')
          .attr({
            type: 'text',
            name: `input_${i}`,
             placeholder: `Ввод ${i + 1}`
          })
          .appendTo($container); // Добавляем новые поля ввода
        $('<br>').appendTo($container);
      }
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

Расписание поездов: [🚄]
Количество отправлений: **n**

for(let i = 0; i < 5; i++) {
  schedule.push( addTrain() ); // Записываем новые отправления в расписание
}

[🚄, 🚄, 🚄, 🚄, 🚄]
# Каждый символ "🚄" символизирует отдельное поле ввода.

function addInput(nextToElement) {
  var newInput = document.createElement('input');
  newInput.type = 'text';
  newInput.placeholder = 'Дополнительный ввод';
  nextToElement.parentNode.insertBefore(newInput, nextToElement.nextSibling);
}