-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
57 lines (42 loc) · 1.53 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
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
fetch('https://api.chess.com/pub/streamers')
.then(
(response) =>
response.json()
)
.then((data) => {
display(data)
})
.catch(err => console.log(err))
function display (data) {
for (i = 0; i < 375; i++) {
var name = document.createElement("h1");
name.textContent = data.streamers[i].username;
name.id='username'
var chess= document.createElement('a');
var url = data.streamers[i].url;
chess.setAttribute("href", url);
chess.innerHTML = "Chess.com";
chess.id='chess'
var avatar = document.createElement("img");
avatar.src = data.streamers[i].avatar;
var twitch = document.createElement('a');
var link = data.streamers[i].twitch_url;
twitch.setAttribute("href", link);
twitch.innerHTML = "Twitch";
twitch.id='twitch'
var status = document.createElement("button");
status.id='status'
if (data.streamers[i].is_live==true)
status.style.backgroundColor="#21ff5c"
else
status.style.backgroundColor="#9c9c9c"
var div=document.createElement('div')
div.id=i
document.getElementById('container').appendChild(div);
document.getElementById(i).appendChild(avatar);
document.getElementById(i).appendChild(status);
document.getElementById(i).appendChild(name);
document.getElementById(i).appendChild(twitch);
document.getElementById(i).appendChild(chess);
}
}