jb41/sheetsu_get_example.html

## sheetsu_get_example.html
<html>
   <head>
     <script src="https://code.jquery.com/jquery-3.0.0-alpha1.js"></script>
   </head>

   <body>
     <ul id="characters-list"></ul>

     <script>
       var sheetsuUrl = "https://sheetsu.com/apis/v1.0/020b2c0f";

       $.ajax({
         url: sheetsuUrl,
         dataType: 'json',
         type: 'GET',

         // place for handling successful response
         success: function(data) {
           addCharacters(data);
         },

         // handling error response
         error: function(data) {
           console.log(data);
         }
       });

       addCharacters = function(characters) {
         var list = $('#characters-list');
         for(var i=0; i<characters.length; i+=1) {
           char = characters[i];
           html = "<li id=" + char.id + "><h3>" + char.name + "</h3><p>Score: " + char.score + "</p></li>";
           list.append(html);
         }
       }
     </script>
   </body>
 </html>
	<html>
	<head>
	<script src="https://code.jquery.com/jquery-3.0.0-alpha1.js"></script>
	</head>

	<body>
	<ul id="characters-list"></ul>

	<script>
	var sheetsuUrl = "https://sheetsu.com/apis/v1.0/020b2c0f";

	$.ajax({
	url: sheetsuUrl,
	dataType: 'json',
	type: 'GET',

	// place for handling successful response
	success: function(data) {
	addCharacters(data);
	},

	// handling error response
	error: function(data) {
	console.log(data);
	}
	});

	addCharacters = function(characters) {
	var list = $('#characters-list');
	for(var i=0; i<characters.length; i+=1) {
	char = characters[i];
	html = "<li id=" + char.id + "><h3>" + char.name + "</h3><p>Score: " + char.score + "</p></li>";
	list.append(html);
	}
	}
	</script>
	</body>
	</html>