-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
29 lines (29 loc) · 1 KB
/
script.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 getApi = async () => {
try {
const url = "https://jsonplaceholder.typicode.com/users";
const respons = await fetch(url);
const data = await respons.json();
for (i = 0; i < data.length; i++) {
const rowDiv = document.querySelector(".row");
const divCards = document.createElement("div");
divCards.setAttribute("class", "card-body");
rowDiv.appendChild(divCards);
divCards.innerHTML = `
<div class="col">
<div class="card p-3">
<div class="card-body container-fluid">
<p class="card-text"><b>Name:${data[i].name}</b></p>
<p class="card-text">Email:${data[i].email}</p>
<p class="card-text">street:${data[i].address.street}</p>
<p class="card-text">City:${data[i].address.city}</p>
</div>
</div>
</div>
`;
}
rowDiv.appendChild(divCards);
} catch (error) {
console.error("An error was occurred in your code");
}
};
getApi();