FilesExpand file tree

 master

/

scripts.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

62 lines (52 loc) · 1.89 KB

 master

/

scripts.js

Top

File metadata and controls

• Code
• Blame

62 lines (52 loc) · 1.89 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

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');

function showLoadSpinner(){

loader.hidden = false;

quoteContainer.hidden = true;

}

function removeLoadSpinner(){

if(!loader.hidden){

quoteContainer.hidden = false;

loader.hidden = true;

}

}

async function getQuoteFromAPI() {

showLoadSpinner();

const proxyUrl = 'https://secret-ocean-38471.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 if the quote is long

if(data.quoteText.length >120){

quoteText.classList.add('long-quote')

} else {

quoteText.classList.remove('long-quote')

}

quoteText.innerText = data.quoteText;

removeLoadSpinner();

}catch(error) {

getQuoteFromAPI();

console.log("Whoops, no quote", error);

}

}

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', getQuoteFromAPI);

twitterBtn.addEventListener('click', tweetQuote)

getQuoteFromAPI()