You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
731 B
37 lines
731 B
4 years ago
|
const jokeEl = document.getElementById('joke')
|
||
|
|
const jokeBtn = document.getElementById('jokeBtn')
|
||
|
|
|
||
|
|
jokeBtn.addEventListener('click', generateJoke)
|
||
|
|
|
||
|
|
generateJoke()
|
||
|
|
|
||
|
|
// USING ASYNC/AWAIT
|
||
|
|
async function generateJoke() {
|
||
|
|
const config = {
|
||
|
|
headers: {
|
||
|
|
Accept: 'application/json',
|
||
|
|
},
|
||
|
|
}
|
||
|
|
|
||
|
|
const res = await fetch('https://icanhazdadjoke.com', config)
|
||
|
|
|
||
|
|
const data = await res.json()
|
||
|
|
|
||
|
|
jokeEl.innerHTML = data.joke
|
||
|
|
}
|
||
|
|
|
||
|
|
// USING .then()
|
||
|
|
// function generateJoke() {
|
||
|
|
// const config = {
|
||
|
|
// headers: {
|
||
|
|
// Accept: 'application/json',
|
||
|
|
// },
|
||
|
|
// }
|
||
|
|
|
||
|
|
// fetch('https://icanhazdadjoke.com', config)
|
||
|
|
// .then((res) => res.json())
|
||
|
|
// .then((data) => {
|
||
|
|
// jokeEl.innerHTML = data.joke
|
||
|
|
// })
|
||
|
|
// }
|