script.js

const colors = ['#009688', '#00BCD4', '#3F51B5', '#673AB7', '#9C27B0', '#DB4437', '#FF9800', '#00BCD4', '#00FA9A'];

let lang = 'en';
const forismaticUrl = (lang) => `https://api.forismatic.com/api/1.0/?method=getQuote&lang=${lang}&format=jsonp&jsonp=?`;

$(document).ready(() => {
  $.getJSON(forismaticUrl(lang))
    .done(update).fail(handleErr);

  $('#newquote').click(() => {
    $.getJSON(forismaticUrl(lang))
      .done(update).fail(handleErr);
  });

  $('#set').click(() => {
    if (lang == 'en') {
      lang = 'ru';
      $('#set').text('ENG');
      $('#newquote span').text('Новая Цитата');
    }
    else {
      lang = 'en';
      $('#set').text('RUS');
      $('#newquote span').text('New Quote');
    }

    $.getJSON(forismaticUrl(lang))
      .done(update).fail(handleErr);
  });
});

const update = (quote) => {
  const quoteText = JSON.stringify(quote.quoteText).replaceAll('"', '');
  const quoteAuthor = JSON.stringify(quote.quoteAuthor).replaceAll('"', '');

  $('body').css('background-color', colors[Math.round(Math.random() * 8) + 1]);
  $('#thetarget').html(quoteText);
  $('#quote h3').html(`${quoteAuthor === '' ? '' : (`-  <a href='https://www.google.com/search?q=${quoteAuthor}' target='_blank' class='noline t-dodgerblue'>${quoteAuthor}</a>`)}`);

  let message = `${quoteText}   -  ${quoteAuthor}`;
  $('#tweet').html(
    `<a class='twitter-share-button' href='https://twitter.com/intent/tweet?text=${message} data-size='large'></a>`
  );

}

const handleErr = (jqxhr, textStatus, err) => {
  console.log(`Request Failed: ${textStatus}, ${err}`);
}