-
Notifications
You must be signed in to change notification settings - Fork 0
/
UsersPage.js
65 lines (53 loc) · 1.86 KB
/
UsersPage.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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
let Users = new XMLHttpRequest();
Users.open("Get","https://5fc1a1c9cb4d020016fe6b07.mockapi.io/api/v1/users",true);
Users.send();
let totalUsers;
Users.onreadystatechange = function(){
if(this.status == 200 && this.readyState == 4){
totalUsers = JSON.parse(this.response);
for(let i = 0; i<totalUsers.length; i++){
generatProducts(
totalUsers[i].id,
totalUsers[i].profilePic,
totalUsers[i].fullName,
totalUsers[i].dob,
totalUsers[i].gender,
totalUsers[i].currentCity,
totalUsers[i].currentCountry
);
}
}
else{
console.log("NOT successs");
// let LodingGif = document.createElement("img");
// LodingGif.src = "https://i.gifer.com/origin/34/34338d26023e5515f6cc8969aa027bca_w200.gif";
// LodingGif.className = "Loding-gif";
// let lodDiv = document.getElementById("lod");
// lodDiv.appendChild(LodingGif);
}
}
const tbody = document.querySelector("tbody.t-body");
generatProducts = (id, avtar, name, dob, gender,city, location)=>{
let tr = document.createElement("tr");
tbody.appendChild(tr);
let td1 = document.createElement("td");
td1.innerText = id;
let td2 = document.createElement("td");
let tdimg = document.createElement("img");
tdimg.src = avtar;
let td3 = document.createElement("td");
td3.innerText = name;
let td4 = document.createElement("td");
td4.innerText = dob;
let td5 = document.createElement("td");
td5.innerText = gender;
let td6 = document.createElement("td");
td6.innerText = city +","+ location;
tr.appendChild(td1);
tr.appendChild(td2);
td2.appendChild(tdimg);
tr.appendChild(td3);
tr.appendChild(td4);
tr.appendChild(td5);
tr.appendChild(td6);
}