-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
38 lines (32 loc) · 1.06 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
38
const twitterButton = document.querySelector('#js-tweet');
const spinner = document.querySelector('#js-spinner');
const newQuoteButton = document.querySelector('#js-new-quote');
newQuoteButton.addEventListener('click', getQuote);
const endpoint = 'https://api.whatdoestrumpthink.com/api/v1/quotes/random';
async function getQuote() {
spinner.classList.remove('hidden');
newQuoteButton.disabled = true;
try {
const response = await fetch(endpoint)
if (!response.ok) {
throw Error(response.statusText);
}
const json = await response.json();
displayQuote(json.message);
setTweetButton(json.message);
} catch(err) {
console.log(err)
alert('Failed to fetch new quote');
} finally {
newQuoteButton.disabled = false;
spinner.classList.add('hidden');
}
}
function displayQuote(quote) {
const quoteText = document.querySelector('#js-quote-text');
quoteText.textContent = quote;
}
function setTweetButton(quote) {
twitterButton.setAttribute('href', `https://twitter.com/share?text=${quote} - Donald Trump`);
}
getQuote();