JSFiddle - React, Tailwind, and code Playground

by KendoDev

HTML

<div id="plcaeHolder">
    
</div>

JavaScript

var data = [{
    'row_id': 1,
    items: {
        'name' : 'Cat',
        'url': 'http://placekitten.com/300/201'
    }
}, {
    'row_id': 2,
    items: {
        'name' : 'Dog',
        'url': ''
    }
}];
var placeHolder = document.getElementById('plcaeHolder');
var length = data.length;
for(var i = 0; i< length; ++i)
{
   var imageContainer=document.createElement('div');
      imageContainer.id = 'image' + data[i].row_id; 
    
    var imageTitleContainer=document.createElement('div');
     imageTitleContainer.id = 'imageTitle' + data[i].row_id; 
     imageTitleContainer.innerHTML = data[i].items.name;
  var imag=document.createElement('img');
    imag.src = data[i].items.url;
    imageContainer.appendChild(imageTitleContainer);
     imageContainer.appendChild(imag);
     placeHolder.appendChild(imageContainer);
}

document.body.appendChild(placeHolder);