-
Notifications
You must be signed in to change notification settings - Fork 0
/
reportsScript.js
29 lines (26 loc) · 1.03 KB
/
reportsScript.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
const tgtReportsContainer = document.querySelector(".reports-container");
const header = document.querySelector(".header");
const fetchReports = async () => {
if (tgtReportsContainer.length != 0) {
tgtReportsContainer.innerHTML = "";
}
let response = await fetch(`https://api.spaceflightnewsapi.net/v3/reports/`);
let json = await response.json()
for (let reports of json) {
const tgtReports = document.querySelector(".reports-container");
const reportsCard = document.createElement("div");
reportsCard.className = "reports-card";
const url = document.createElement("a");
url.href = reports.url;
url.style = "color:black"
const title = document.createElement("h4");
title.innerHTML = reports.title
const summary = document.createElement("h6");
summary.innerHTML = reports.summary
url.append(title)
reportsCard.append(url, summary);
tgtReports.append(reportsCard);
}
};
const submit = document.querySelector(".reports-button");
submit.addEventListener("click", ()=>fetchReports());