JSFiddle - React, Tailwind, and code Playground

by Mateus Fernandes de Mello

HTML

<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>

JavaScript

//f605db40-1484-4fe6-b548-73f843a8e8f5
var apikey = 'f605db40-1484-4fe6-b548-73f843a8e8f5';
$.getJSON("https://global.api.pvp.net/api/lol/br/v1.2/champion?freeToPlay=true&api_key="+apikey,
	function(champions){
		console.log(champions['champions']);
    
    champions = champions['champions'];

    for (i = 0; i < champions.length; i++) {
    	$('body').append('<img src="" class="champs-free" id="champ-free-' + i + '"/>');
      $('#champ-free-' + i).attr('src', 'http://mylolstats.esy.es/img/championicon/' + champions[i].id + '.png');
    };
	}
);