Добавление нескольких фреймов с различными источниками в JavaScript

Question

Я хочу сделать страницу, которая показывает все изображения из Mars Insight.Как я могу заставить его повторяться, чтобы он генерировал больше фреймов с новыми изображениями?Файлы изображений имеют номера 12 и т. Д., На данный момент отображается только 1 изображение.

var insightFeed = {
    url: "https://mars.nasa.gov/raw_images/embed/",
    file: 12,
    showImage: function() {
        window.onload = function() {
            var iframe = document.createElement('iframe');
            iframe.style.display = "block";
            iframe.style.height = "420px";
            iframe.style.width = "400px";
            iframe.style.border = "none";
            iframe.src = insightFeed.url + (insightFeed.file);
            document.body.appendChild(iframe);
        }
    }
};
insightFeed.showImage();

Answer 1

Поскольку числа не последовательные (например, от 1 до 20), вам придется их вводить. Я переписал ваш код, чтобы вы могли сделать это:

var insightFeed = {
  url: "https://mars.nasa.gov/raw_images/embed/",
  showImage: function(image) {
    var iframe = document.createElement('iframe');
    iframe.style.display = "block";
    iframe.style.height = "420px";
    iframe.style.width = "400px";
    iframe.style.border = "none";
    iframe.src = insightFeed.url + (image);
    document.body.appendChild(iframe);
  }
};

window.onload = function() {
  insightFeed.showImage(12);
  insightFeed.showImage(13);
  insightFeed.showImage(14);
}