JSFiddle - React, Tailwind, and code Playground
HTML
<ul id="tracks"></ul>
CSS
#tracks{
font-size:10px;
}
JavaScript
$(function () {
var dataToSend = {
client_id: 'a81f01ef5d0036415431e8be76c8db0e',
duration: {
from: 200000,
to: 205000
}
};
$.ajax({
url: 'https://api.soundcloud.com/tracks.json',
data: dataToSend,
success: function (data) {
for (var i = 0; i < data.length; i++) {
var title = data[i].title;
$('<li></li>').text(i + ' - ' + title + ' | ' + data[i].duration).appendTo("#tracks");
}
},
error: function (data) {
alert('error');
}
});
});