JSFiddle - React, Tailwind, and code Playground

by Vanessa RC

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

JavaScript

$( document ).ready(function () {

  //reach the API 
  $.getJSON("http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&callback=", function(a) {
    $("#quote").append("<h4>" + a[0].content + "</h4>");
    $("#quoteAuthor").append("<h6>&mdash; " + a[0].title + "</h6>").addClass('animated fadeIn');
   });
   
 });