JSFiddle - React, Tailwind, and code Playground

by Samuel Price

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="Products">

</div>

JavaScript

var fname = 'https://gist.githubusercontent.com/thesamprice/4b30dd007631e41623705eaa5fd26cb9/raw/44e6a7f99de610e7ebcdd5fbd57704784604f49a/LivingRoom.json'

function GenItem(p){
    var ProdNumb = p.PN;
   var img =  'http://assets.coasteramer.com/productpictures/' + ProdNumb + '/1.jpg'
  console.log(p)
    var d = $('<div/>', {
        'id':'myDiv',
        'class':'myClass',
        'text':p.N,
    })
	  var img = $('<img/>',{'src':img});
//    img.appendTo(d)
    return d
}

fetch(fname).then(function(response) {
  return response.json();
}).then(function(products) {
  var i = 0
//	for(i=0;i<50; i++) //products.length;i++)
	for(i=0;i<products.length;i++)  
  {
  	var p = products[i];
   var d=	GenItem(p)
    d.appendTo('#Products');
    
  }
});