-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
69 lines (58 loc) · 1.95 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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
const quoteContainer= document.getElementById('quote-container');
const quoteText= document.getElementById('quote');
const authorText= document.getElementById('author');
const twitterBtn= document.getElementById('twitter');
const newQuoteBtn= document.getElementById('new-quote');
const loader=document.getElementById('loader');
let counter=0;
// Show Loader
function showLoadingSpinner(){
loader.hidden=false;
quoteContainer.hidden=true;
}
// Hide Loader
function removeLoadingSpinner(){
if(!loader.hidden){
quoteContainer.hidden=false;
loader.hidden=true;
}
}
// Get Quote From API
async function getQuote(){
showLoadingSpinner();
const proxyUrl = 'https://shielded-anchorage-64336.herokuapp.com/';
const apiUrl= 'http://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=json';
try {
const response= await fetch( proxyUrl + apiUrl);
const data=await response.json();
//If Author is Blank, Add Unknown
if(data.quoteAuthor ===''){
authorText.innerText='Unknown';
}else{
authorText.innerText=data.quoteAuthor;
}
//Reduce Font Size for Long Quote
if(data.quoteText.length>120){
quoteText.classList.add('long-quote');
}else{
quoteText.classList.remove('long-quote');
}
quoteText.innerText=data.quoteText;
//Stop Loading and Show The Quote
removeLoadingSpinner();
} catch (error) {
getQuote();
}
}
// Tweet Quote
function tweetQuote(){
const quote=quoteText.innerText;
const author=authorText.innerText;
const twitterUrl=`https://twitter.com/intent/tweet?text=${quote} - ${author}`;
window.open(twitterUrl,'_blank');
}
//Event Listeners
newQuoteBtn.addEventListener('click',getQuote);
twitterBtn.addEventListener('click',tweetQuote);
//On Load
getQuote();