I have an API URL which is this
https://api-amvstrm.nyt92.eu.org/api/v1
/popular and the API response looks like this
t
itle": "Dungeon Meshi",
"id": "dungeon-meshi",
"image_url": "https://gogocdn.net/cover/dungeon-meshi-1704169699.png",
"released": "2024"
And so I want to use the map function in js to redirect the data from the API into this html container
</div>
<div class="product__item__text">
<ul>
<li>Active</li>
<li>Movie</li>
</ul>
<h5><a href="#">Kizumonogatari III: Reiket su-hen</a></h5>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="product__item">
<div class="product__item__pic set-bg" data-setbg="img/popular/popular-3.jpg">
<div class="ep">18 / 18</div>
<div class="comment"><i class="fa fa-comments"></i> 11</div>
<div class="view"><i class="fa fa-eye"></i> 9141</div>
Is there a way I can use the js map function to only display the title and image picture only ? Thanks ki