Чтобы динамически создать несколько изображений в JavaScript, у вас есть несколько доступных методов. Вот несколько вариантов:

1. Использование метода манипулирования DOM:

   • Используйте функцию document.createElement(), чтобы создать элемент .
   • Установите атрибут srcэлемента изображения на нужный URL-адрес изображения.
   • Присоедините элемент изображения к элементу-контейнеру в DOM с помощью метода appendChild().

   Пример:

   var container = document.getElementById('image-container');
   for (var i = 1; i <= 5; i++) {
    var img = document.createElement('img');
    img.src = 'image' + i + '.jpg';
    container.appendChild(img);
   }

2. Создание элементов изображения с использованием литералов шаблона:

   • Используйте литералы шаблона, чтобы создать HTML-строку с нужными элементами изображения.
   • Задайте для атрибута srcкаждого элемента изображения соответствующий URL-адрес изображения.
   • Вставьте строку HTML в элемент контейнера, используя innerHTML.

   Пример:

   var container = document.getElementById('image-container');
   var html = '';
   for (var i = 1; i <= 5; i++) {
    html += `<img src="image${i}.jpg">`;
   }
   container.innerHTML = html;

3. Создание элементов изображения с помощью jQuery:

   • Если вы используете jQuery, вы можете упростить этот процесс, используя метод append()или appendTo().

   Пример:

   var container = $('#image-container');
   for (var i = 1; i <= 5; i++) {
    $('<img>').attr('src', 'image' + i + '.jpg').appendTo(container);
   }