How to use the map function to input JSON data into a div element

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