JSFiddle - React, Tailwind, and code Playground

by brandon_rmsy

HTML

<div class="results"></div>

JavaScript

<script>

 
 // ID of the Google Spreadsheet
 var spreadsheetID = "1ie8G3i_fKh-xASeBbJZd7qeqhG-WFR1AJ6i_xNpcuEU";
 
 // Make sure it is public or set to Anyone with link can view 
 var url = "https://spreadsheets.google.com/feeds/list/" + spreadsheetID + "/od6/public/values?alt=json";
 
 $.getJSON(url, function(data) {
 var result = document.getElementById("results");
 
  var entry = data.feed.entry;
 
  $(entry).each(function(){
    // Column names are name, age, etc.
    $('.results').prepend('<h2>'+this.gsx$name.$t+'</h2><p>'+this.gsx$age.$t+'</p>---');
  });
 
 });
 
 </script>