-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
76 lines (54 loc) · 1.65 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
70
71
72
73
74
$(document).ready(function(){
let dataQuotes = [];
// Show loading
function loading(){
$(".loader").show();
$(".quote-container").hide()
}
function complete(){
$(".loader").hide();
$(".quote-container").show()
}
//loading();
getQuote();
$('#new-quote').click(newQuote);
$('.twitter-button').click(function(){
let quoteText = $("#quote").text();
let author = $("#author").text();
tweetQuote(quoteText, author);
})
//show newQuote
function newQuote(){
loading();
const quoteNum = Math.floor(Math.random() * Math.floor( dataQuotes.length));
const quote = dataQuotes[quoteNum];
//console.log(quote);
$("#quote").text(quote.text) ;
if( quote.author)
$("#author").text('-' + quote.author) ;
else $("#author").text('- Unknown') ;
if(quote.text.length > 50){
$('.quote-text').addClass('long-quote');
}else {
$('.quote-text').removeClass('long-quote');
}
complete();
}
// Get Quote From API
async function getQuote(){
loading();
const apiUrl = 'https://type.fit/api/quotes';
try {
const response = await fetch(apiUrl)
dataQuotes = await response.json();
newQuote();
}catch(error){
console.log('Whoops, no quote', error)
}
}
});
//tweet Quote
function tweetQuote(quoteText, author){
const twitterUrl = `https://twitter.com/intent/tweet?text=${quoteText} - ${author}`;
window.open(twitterUrl, '_blank');
}