Как заставить мою веб-страницу отображать изображения из функции JavaScript?

Question

Я новичок в веб-разработке.В моем index.html у меня есть следующие два изображения:

<div class="container-fluid">
   <a href="placeholder.com">
      <img class=rounded src="placeholder.jpg">
   </a>
   <a href="placeholder.com">
      <img class=rounded src="placeholder.jpg">
   </a>
</div>

, а в моем файле js есть функция, которая получает изображение и ссылку на страницу:

let randomImgAndLink = function() {
   let url = 'api-site.org/123'
   fetch(url)
      .then(response => { return response.json(); })
      .then(json => {
          img = json.imgpath
          page = json.pagepath
      })
}

Как быЯ получаю изображения и веб-страницы из этой функции в placeholder?И как бы я сделал это без placeholder?Я хотел бы реализовать это с DOM.

Спасибо!

Answer 1

Сначала вам нужно получить элемент img из вашего html в JavaScript с помощью document.getElement или селектора запросов и установить его src в ваш результат выборки.Я надеюсь, что это помогает.

Answer 2

Добавить функцию вызова onload, чтобы вызвать результат функции JavaScript.Например, onload = "javascript: showImage ();">