JSFiddle - React, Tailwind, and code Playground

by pravinnavle

JavaScript

var benefits = {
  "benefits": [
    {
      "title": "Free",
      "description": "Members receive free shipping"
    },
    {
      "title": "Delivery",
      "description": "Your ride will always be in delivered"
    },
    {
      "title": "News",
      "description": "A Bi-Weekly newsletter"
    }
  ]
};

		var html = '';
		var i;
		
			for(i=0; i<benefits.length; i++){
                           // console.log(data);
				
				html +='<ul>'+
							'<li > <h4 class="benefits">'+benefits[i].title+'</h4></li>'+
							'<li ><p class="benefits">'+benefits[i].description+' </p></li>'+
					    '</ul>';
			
			}
			//console.log(html)
		$('#memberBenefits').html(html);