-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
37 lines (35 loc) · 1.17 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
const jokeBox = document.getElementById("joke");
const jokeDelivery = document.getElementById("joke-delivery");
const btn = document.getElementById("btn");
const btn1 = document.getElementById("btn1");
const url = "https://v2.jokeapi.dev/joke/Any";
// const url = "https://v2.jokeapi.dev/joke/Any?type=single";
let currentJoke;
let getJoke = () => {
fetch(url)
.then(data => data.json())
.then(item => {
currentJoke = item;
if (item.type === "twopart") {
jokeBox.style.display = "inherit";
jokeDelivery.textContent = "";
jokeBox.textContent = `${item.setup}`;
btn1.style.display = "inline";
} else if (item.type === "single") {
btn1.style.display = "none";
jokeBox.textContent = `${item.joke}`;
jokeDelivery.textContent = "";
console.log(item.joke);
}
})
.catch(err => {
console.error(err);
});
}
let showJoke=()=>{
jokeBox.style.display = "none";
jokeDelivery.textContent = `${currentJoke.delivery}`;
console.log(currentJoke.delivery);
}
btn.addEventListener("click", getJoke);
btn1.addEventListener("click", showJoke);