JSFiddle - React, Tailwind, and code Playground

by Dan Vassallo

HTML

<div id="target"></div>

JavaScript

/* THIS SCRIPT GRABS ALL RESULTS FROM XML FEED */
/* var rssUrl = "http://audiofuzz.com/feed/";
function parseRSS(url, callback) {
  $.ajax({
    url: document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=100&callback=?&q=' + encodeURIComponent(url),
    dataType: 'json',
    success: function(data) {
      callback(data.responseData.feed.entries);
      console.log(data)
    }
  });
}
html = "";
parseRSS(rssUrl, function(rss) {
    for(i = rss.length-1; i >=0; i--) {
          html += "<p><a href='" + rss[i].link + "'>" + rss[i].title + "</a></p>";  
    }
	$("div#target").html(html);
}); */

/* most recent post */
var rssUrl = "http://audiofuzz.com/feed/";
function parseRSS(url, callback) {
  $.ajax({
    url: document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=100&callback=?&q=' + encodeURIComponent(url),
    dataType: 'json',
    success: function(data) {
      callback(data.responseData.feed.entries);
      console.log(data)
    }
  });
}
html = "";
parseRSS(rssUrl, function(rss) {
          html += "<p><a href='" + rss[0].link + "'>" + rss[0].title + "</a></p><br><p>"+ rss[0].content +"</p>";
          console.log(rss[0])
	$("div#target").html(html);
});