JSFiddle - React, Tailwind, and code Playground

by Sumit Kapoor

HTML

<div id="repeat">
  <h1>Name</h1>
  <h2></h2>
  <div id="image"></div>
  <img src=""/>
  <sapn></sapn>
  <p></p>
</div>

JavaScript

(function() {
  $.getJSON('https://gist.githubusercontent.com/planetoftheweb/98f35786733c8cccf81e/raw/f3dad774ed1fe20b36011b1261bb392ee759b867/data.json', function(result) {
    $.each(result, function(i) {

      var img1 = result[0].shortname + '_tn.jpg';
      var img2 = 'images/' + img1;
      var imagelist = $('img').attr('src', img2);
      //                    $("#repeat").append($("#images").attr({
      //                        src: result[i].img2,
      //                        title: "jQuery",
      //                        alt: "jQuery Logo"
      //                    }));
      $("#repeat").append('<h2>' + result[i].reknown + '</h2>');
      $("#repeat").append('<span>' + result[i].name + '</span>');
      $("#repeat").append('<div id="image">' + imagelist + '</div>');
      $("#repeat").append('<p>' + result[i].bio + '</p>');
    })
  })
})();