Я пытаюсь использовать API от newsapi.org, я пишу этот код в jquery, чтобы получить некоторые данные, но информация не будет отображаться

Question

Я пытаюсь использовать API от newsapi.org, я пишу этот код в jquery, чтобы получить некоторые данные, но информация не будет отображаться. Я не уверен, что делать дальше.

let latestNews = news.articles;

        for(var i in latestNews){
          output += `
              <div class="event">
                  <hr style=" height: 0.1px; border: none;
                  height: 0.1px;
                  background: rgb(219, 219, 219); margin-bottom: 30px; ">
                  <ul style="list-style-type: none; display: flex;">
                      <li>
                        <img src="${latestnews[i].urlToImage}" alt="" width="400px">

                      </li>
                      <li>
                          <div style="width: 40px;">

                          </div>
                      </li>
                      <li>
                          <div>
                            <h1 >${latestnews[i].title}</h1>
                            <p >${latestnews[i].description}</p>
                            <p style=" color: rgb(211, 9, 9);"><strong><b>By:</b>${latestNews[i].author} </strong></p>
                            <p ><b>Published:</b>${latestnews[i].publishedAt}</p>

                          </div>
                      </li>
                  </ul>


                  <hr style=" height: 0.1px; border: none;
                  height: 0.1px;
                  background: rgb(219, 219, 219); margin-bottom: 30px; ">
              </div>



          `;
        }