Making a getJSON request to the forismatic API and showing the data back in the HTML card.

app.js

$(document).ready(() => {
let endpoint = 'https://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=jsonp&jsonp=?';

	let getRandomQuote = () => {
		$.getJSON(`${endpoint}`, (data) => {
			$("#quote").html(`<i class="fas fa-quote-left"></i> ${data.quoteText} <i class="fas fa-quote-right"></i>`);

			//Checking if the quote does not have an author
			if (data.quoteAuthor !== "") {
				$("#quote-author").html(`${data.quoteAuthor} at <a href="${data.quoteLink}" target="_blank" class="card-link">forismatic</a>`);
			} else {
				$("#quote-author").html(`Unknown at: <a href="${data.quoteLink}" target="_blank" class="card-link">forismatic</a>`);
			}
		});
});// end of document.ready