JSFiddle - React, Tailwind, and code Playground

by maheshexp

HTML

<div id="debug"></div>

JavaScript

var url = "https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20rss%20where%20url%20in%20%20%28SELECT%20link%20FROM%20csv%20WHERE%20url%3D%22https%3A%2F%2Fspreadsheets0.google.com%2Fspreadsheet%2Fpub%3Fhl%3Den%26hl%3Den%26key%3D0AgC5cmyJGolHdDRWdTZzYndJdGpBbGxidzJwS1poWUE%26single%3Dtrue%26gid%3D0%26output%3Dcsv%22%20and%20columns%3D%27title%2Clink%27%20LIMIT%2015%29&format=json";
   

$.getJSON(
  url,
  function(data) {

     var html = []; // we're using an array and join for IE performance reasons
      
            console.log(data);
      var count = data.query.count;
      var items = data.query.results.item;
      

    for (var i =0; i < count; i++) {
        key = i;
        html.push(items[i].title);
      //html.push([key, ' = ', data[key]].join(''));
    }
    $('#debug').html(html.join('<br /><br />'));

  });