37 lines
731 B
JavaScript
37 lines
731 B
JavaScript
|
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
|
||
|
|
// })
|
||
|
|
// }
|