-
Notifications
You must be signed in to change notification settings - Fork 0
/
script_one.js
38 lines (29 loc) · 1.02 KB
/
script_one.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
const app = document.getElementById('root');
const logo = document.createElement('img');
logo.src = 'logo.png';
const container = document.createElement('div');
container.setAttribute('class', 'container');
app.appendChild(logo);
app.appendChild(container);
var request = new XMLHttpRequest();
request.open('GET', 'https://official-joke-api.appspot.com/random_joke', true);
request.onload = function() {
// Begin accessing JSON data here
if (request.status >= 200 && request.status < 400) {
var one_data = JSON.parse(this.response);
const card = document.createElement('div');
card.setAttribute('class', 'card');
const h1 = document.createElement('h1');
h1.textContent = one_data.setup;
const p = document.createElement('p');
p.textContent = one_data.punchline;
container.appendChild(card);
card.appendChild(h1);
card.appendChild(p);
} else {
const errorMessage = document.createElement('marquee');
errorMessage.textContent = `Gah, it's not working!`;
app.appendChild(errorMessage);
}
}
request.send();