JSFiddle - React, Tailwind, and code Playground

by Kyle Shen

HTML

<div id="divResult"/>

JavaScript

var url ='https://www.google.com/calendar/feeds/[email protected]/public/full?alt=json';
$.getJSON(url,function(data){
    $.each(data.feed.entry,function(i,item){
        var ulobj = $('<ul/>');
        ulobj.append('<li>id:'+item['id'].$t+'</li>');
        ulobj.append('<li>published:'+item['published'].$t+'</li>');
        ulobj.append('<li>updated:'+item['updated'].$t+'</li>');
        ulobj.append('<li>title:'+item['title'].$t+'</li>');
        ulobj.append('<li>content:'+item['content'].$t+'</li>');
        //ulobj.append('<li>'+item['link']+'</li>');
        ulobj.append('<li>author name:'+item['author'][0].name.$t+'</li>');
        ulobj.append('<li>author email:'+item['author'][0].email.$t+'</li>');
        ulobj.append('<li>'+item['gd$comments'].valueString+'</li>');
        ulobj.append('<li>where:'+item['gd$where'][0].valueString+'</li>');
        //多人
        $.each(item['gd$who'],function(wi,witem){
            ulobj.append('<li>who:'+witem.valueString+'</li>');
        });        
        ulobj.append('<li>startTime:'+item['gd$when'][0].startTime+'</li>');
        ulobj.append('<li>endTime:'+item['gd$when'][0].endTime+'</li>');
        
   
        
        $("#divResult").append(ulobj).append('<hr/>');
    });
});