-
Notifications
You must be signed in to change notification settings - Fork 27
/
news2.js
40 lines (34 loc) · 1.11 KB
/
news2.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
// Grab the news container
const newsAccordion = document.getElementById("accordionNews");
// Main function
const main = async () => {
// Calling the api
const response = await fetch(
`https://gnews.io/api/v4/search?q=in&token=bd5d47042ebffa0b5052eb6efbc95273`
);
// Make the response json
const data = await response.json();
// Rendering the articles
if (data.articles) {
const articles = data.articles;
let newsHtml = "";
// Looping through the articles to render each one of them
articles.forEach(function (element) {
let news = `
<li class="media my-4">
<img src="${element.image}" class="mr-3" alt="${element.title}" style="width: 15%;" />
<div class="media-body">
<h3 class="mt-0 mb-1" >${element.title}</h3>
<p>${element.content}<br/>
<a href="${element.url}" target="_blank">Read More</a>
</p>
</div>
</li>
`;
newsHtml += news;
});
accordionNews.innerHTML = newsHtml;
}
};
// Calling the main function
main();