forked from arhaantulsyan/newApp
-
Notifications
You must be signed in to change notification settings - Fork 0
/
news.js
48 lines (44 loc) · 1.86 KB
/
news.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
41
42
43
44
45
46
47
48
console.log("hiii");
// fe8afa5f10d74eae8d9e858bb1c0442c
let source = "the-times-of-india";
let apiKey = "8f2e8d45610f478fbf36832d60bc3ae0";
let newsaccordion = document.getElementById("newsAccordion");
const xhr = new XMLHttpRequest();
xhr.open(
"GET",
`https://newsapi.org/v2/top-headlines?sources=${source}&apiKey=${apiKey}`,
true
);
xhr.onload = function () {
if (this.status === 200) {
let json = JSON.parse(this.responseText);
let articles = json.articles;
console.log(articles);
let newsHtml = "";
articles.forEach(function (element,index) {
// console.group(articles[news]);
// for(let news in articles){
// console.log(articles[news]);
let news = `<div class="card">
<div class="card-header" id="heading${index}">
<h3 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapse${index}"
aria-expanded="false" aria-controls="collapse${index}">
<b>Breaking News ${index+1}:</b> ${element["title"]}
</button>
</h3>
</div>
<div id="collapse${index}" class="collapse" aria-labelledby="heading${index}" data-parent="#newsAccordion">
<div class="card-body"> ${element["content"]}. <a href="${element['url']}" target="_blank" >Read more here</a> </div>
</div>
</div>`;
newsHtml += news;
});
newsaccordion.innerHTML = newsHtml;
} else {
console.log("some error occured pls check the error");
}
}
xhr.send();
const va="hi";
console.log("hii",va);