JSFiddle - React, Tailwind, and code Playground

by Salmin Skenderovic

HTML

<ul id="myList">PT: <br></ul>

CSS

li {
    border-bottom: 1px solid black;
}

JavaScript

$(document).ready(function(){
     
     
     $.ajax({ 
         url: 'https://api.myjson.com/bins/25upn',         
         type: 'get',
         dataType: 'json',    
         success: function(data) {
             for (i=0; i < data.length; i++)
             {
                 appendTrainer(data[i]);
             }
         }
                 
     }).done(function(data){
				
         for (key in data) {
             // 
         }
                 
     });
     
     function appendTrainer(trainer) {
     
         $("#myList").append("<li><h3>" + trainer.Name + "</h3>" + 
                            "<strong>" + trainer.Loc + "</strong>" +
                             "<p>" + trainer.Price + "</p>" +
                             "</li>");
     }
     
 });