-
Notifications
You must be signed in to change notification settings - Fork 0
/
quote.js
39 lines (31 loc) · 1.34 KB
/
quote.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 quoteUrl = "http://quotesondesign.com/wp-json/posts"
// const query = "?method=getQuote"
const proxyUrl = "https://cors-anywhere.herokuapp.com/"
const quoteUrl = "http://quotesondesign.com/wp-json/posts"
const query = "?filter[orderby]=rand&filter[posts_per_page]=1&callback="
// const query = "?filter[where]=rand&filter[posts_per_page]=1&callback="
// const query = "/1385"
const fullUrl = `${proxyUrl}${quoteUrl}${query}`
const blockquote = document.querySelector("#quote")
const quoteAuthorDiv = document.querySelector("#quote-author")
fetch(fullUrl)
.then(res => res.json())
.then(data => {
const quoteObj = data[0]
let quoteAuthor
// console.log(quoteObj)
const quoteBody = quoteObj.content
if (typeof quoteObj.custom_meta !== "undefined" && typeof quoteObj.custom_meta.Source !== "undefined") {
quoteAuthor = `<p>-- ${quoteObj.title}</p>`
const quoteOrigin = `(${quoteObj.custom_meta.Source})`
quoteAuthor += quoteOrigin
quoteAuthorDiv.insertAdjacentHTML("beforeend", quoteAuthor)
const originElem = document.querySelector("#quote-author>a")
originElem.setAttribute("target", "_blank")
} else {
quoteAuthor = `<p>-- ${quoteObj.title}</p>`
quoteAuthorDiv.insertAdjacentHTML("beforeend", quoteAuthor)
// console.log("else", quoteAuthor)
}
blockquote.insertAdjacentHTML("afterbegin", quoteBody)
})