JSFiddle - React, Tailwind, and code Playground

HTML

<form id="form1" runat="server">
    <div id="dvContent">
    
    </div>
    </form>

CSS

body
{
  font-family  : Arial;
  font-size  : 10pt;
}

JavaScript

$(document).ready(function(){
        $("#dvContent").append("<ul></ul>");
        $.ajax({
            type: "GET",
            url: "http://gdata.youtube.com/feeds/api/playlists/cZxy-GpHLCQ_Ss9sGJfWhzBAIOMDYxMN?v=2",
            dataType: "xml",
            success: function(xml){
                $(xml).find('feed').each(function(i){
                var sTitle = $(this).find('title');
               
             // alert(sTitle);
			  for (var i = 0; i < sTitle.length; i++) {   
			  var ssTitle = sTitle[i].firstChild.nodeValue;
			  $(ssTitle).appendTo("#dvContent ul");
			 
			  }
			  
			
			  
			    
            });
            },
            error: function() {
            alert("An error occurred while processing XML file.");
            }
        });
    });