JSFiddle - React, Tailwind, and code Playground

tvMaze

by Dave

HTML

<button onclick="$('#tvm-schedule').html('');">clear</button>
<button onclick="goA()">goA</button>
<button onclick="goB()">goB</button>
<div id="episode-template">
     (<span class="se"></span>)<span class="zz"></span><a class="episode"></a>
</div>

<ul id="tvm-schedule"></ul>

CSS

#episode-template { display: none; }

JavaScript

function goB() {

$('#tvm-schedule').html('');
       $.get('http://api.tvmaze.com/shows/44/episodes', function(data) {
       //alert()
    $.each(data, function(i, episode) {
        var $html = $('#episode-template').clone();
   
        $('.episode', $html).html(' ' + episode.name);
        $('.episode', $html).attr('href', episode.url);
        
if(episode.number<10) {
//alert('aaa')
episode.number='0'+episode.number
}
//za=za.length
        $('.se', $html).html(episode.season + 'x' + episode.number)
        $('.zz', $html).html(' ' + episode.airdate);
        
        $('#tvm-schedule').append('<li>' + $html.html() + '</li>');
    });
//alert(za)
});
}

//////////////////////////////////////