загрузка только что созданного элемента 4 img

Question

привет У меня есть div в качестве контейнера ответов на вопрос, к которому я добавляю 4 тега IMG в качестве ответа на каждый клик

, и я хочу создать загрузчик, поэтому, когда все 4 img загрузили его, чтобы показать их здесь это мой код

<div class="answer"></div>



   $(".question").text(items[0].title);
for (let k = 0; k < items[0].answers.length; k++) {
  $(".answer").append(
    "<img value=" + k + " src='/assets/img/" + items[0].answers[k] + "'/>"
  );
}
let i = 1;

$("body").on("click", ".answer img", function() {
  questionNum++;
  $(".curent-num").text(questionNum);
  let curentAnswer = $(this).attr("value");
  if (i < items.length) {
    $(".question").text(items[i].title);
    $(".answer").empty();
    for (let j = 0; j < items[i].answers.length; j++) {
      $(".answer").append(
        "<img value=" + j + " src='/assets/img/" + items[i].answers[j] + "'/>"
      );
    }
    i++;
    answers.push(curentAnswer);
  } else {
    answers.push(curentAnswer);
    $(".second-page").addClass("d-none");
    $(".third-page").removeClass("d-none");
    $(".top-nav a").removeClass("second-page-backBtn");
    $(".top-nav a")
      .removeClass("second-page-backBtn")
      .addClass("third-page-backBtn");
    console.log(answers);
  }
  if (questionNum >= 10) {
    questionNum = 10;
    $(".curent-num").text(questionNum);
  }
});