JSFiddle - React, Tailwind, and code Playground

tvMaze2

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>
</div>

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

CSS

#episode-template { display: none; }

JavaScript

function goA() {
$('#tvm-schedule').html('');
var $html = $('#episode-template');
$.get('http://api.tvmaze.com/shows/44?embed=episodes', function(data) {
nextep=data._links.nextepisode.href
//$('.se', $html).html(data._links.nextepisode.href);

$.get(nextep, function(zdata) {
$('.se', $html).html(zdata.airdate);
$('#tvm-schedule').append('<div>' + $html.html() + '</div>');
});

//alert(nextep)
});

//zzz=$.get('http://api.tvmaze.com/shows/44?embed=episodes','zzz')
//$('.se', $html).html(zzz._links.nextepisode.href);
//$('#tvm-schedule').append('<div>' + $html.html() + '</div>');
//alert(zzz)
}

function goB() {


$('#tvm-schedule').html('');
//http://api.tvmaze.com/shows/44/episodes
//http://api.tvmaze.com/seasons/63789/episodes
var $html = $('#episode-template');
//http://api.tvmaze.com/lookup/shows?imdb=tt0944947&
//http://api.tvmaze.com/shows/1?embed[]=episodes&embed[]=cast
//http://api.tvmaze.com/shows/44?embed=nextepisode

//use https://codebeautify.org/jsonviewer to pretty json
          $.get('http://api.tvmaze.com/shows/44?embed=episodes', function(data) {
       //alert()
    //$.each(data, function(i, episode) {
        //$('.episode', $html).html(' ' + episode.name);
        //$('.episode', $html).attr('href', episode.url);
        
        //var count = Object.keys(data).length;
        //$('.se', $html).html(data.network.name);
        //$('.se', $html).html(data.summary);
        //$('.se', $html).html(data.externals.imdb);
        //$('.se', $html).html(data.network.country.timezone);
        //$('.se', $html).html(data._links.nextepisode.href);
        $('.se', $html).html(data.image.original);
        
        $('#tvm-schedule').append('<div>' + $html.html() + '</div>');
    //});
//alert(za)
});
}

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