-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.js
36 lines (27 loc) · 1.07 KB
/
app.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
window.onload = function() {
document.getElementById("searchForm").addEventListener("submit", function(e) {
const number = document.getElementById("number").value;
const output = document.getElementById("output");
let result = '';
const xhr = new XMLHttpRequest();
//xhr.open('GET','data.txt',true);
xhr.open('GET', `//api.icndb.com/jokes/random/${number}`, true);
xhr.onload = function() {
if (this.status === 200) {
const response = JSON.parse(this.responseText);
//console.log(response.value.joke);
//output.innerHTML = '<p>${response.value.joke}</p>'
if (response.type === 'success' && number != '' ) {
response.value.forEach(function(joke){
result +=`<div class="alert alert-info">${joke.joke}</div>`;
});
} else{
result +='<div class="alet alert-danger mt-2">Something wrong</div>'
}
output.innerHTML = result;
}
};
xhr.send();
e.preventDefault();
});
};