JSFiddle - React, Tailwind, and code Playground

by Nick Hulea

Babel + JSX

function makeDiv() {
  var divsize = ((Math.random() * 100) + 50).toFixed();
  var color = '#' + Math.round(0xffffff * Math.random()).toString(16);
  $newdiv = $('<div/>').css({
    'width': divsize + 'px',
    'height': divsize + 'px',
    'background-color': color
  });

  var posx = (Math.random() * ($(document).width() - divsize)).toFixed();
  var posy = (Math.random() * ($(document).height() - divsize)).toFixed();

  $newdiv.css({
    'position': 'absolute',
    'left': posx + 'px',
    'top': posy + 'px'
  }).appendTo('body')
  
    fetch("https://api.giphy.com/v1/gifs/search?api_key=0R7PaQ4r4lqnxBY81MnqxqQJBYX4vfXf&q=donaldtrump&limit=25&offset=0&rating=G&lang=en")
    .then(function(response) {
      response.json().then(function(responseText) {
        console.log(responseText.data);

      });
    });

};

async function getImages() {

}



var divamount = 1000;
for (let index = 0; index < divamount; index++) {
  makeDiv()
}