JSFiddle - React, Tailwind, and code Playground

by Laurie

HTML

<ul class="grid effect-3" id="grid"></ul>

CSS

ul li {
  list-style-type:none;
  display:block;
  float:left;
  padding:6px;
}

JavaScript

$.getJSON();
$.ajax({
    //url: 'https://openapi.etsy.com/v2/users/ljd144.js',
    //url: 'https://openapi.etsy.com/v2/users/ljd144/shops.js',
    url: 'https://openapi.etsy.com/v2/listings/trending.js',
    data: {api_key: '9njigunpqge5htjynd9uu52f'},
    dataType: 'jsonp',
    success: function(data){
        console.log(data,'success');
    },
    error: function(data){
        console.log(data,'error');        
    }
});