Display only most recent row of data in Google Sheet from api call
<p>I'm trying to print the most recent row from a Google Sheet, which updates daily. I'm making an API call to it and returning it in Json and whilst I can grab the most recent value, I can only seem to <a href="https://jsfiddle.net/sqth8z37/" rel="nofollow">print the whole column of data</a>: 
I apologise the code is a bit slap and dash, I'm new to this. </p>

<p>Javascript</p>

<pre><code>var sheetsuUrl = "https://sheetsu.com/apis/v1.0/3e242af0";

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

     // place for handling successful response
     success: function(data) {
      console.log(data[data.length-1]['moved'])
       addCharacters(data);
     },

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


   addCharacters = function(characters) {
     var list = $('#ponies');
     for(var i=0; i&lt;characters.length; i+=1) {
       char = characters[i];
   function lastNoZero(myRange) {
lastRow = myRange.length;
for (; myRange[lastRow - 1] == "" || myRange[lastRow - 1] == 0 &amp;&amp; lastRow &gt; 0 ; lastRow--)  { 
   /*nothing to do*/ 
}
return myRange[lastRow - 1];
}

myRange = char.moved;      
       if (char.moved == 'entered') {
          html = "&lt;img     src='https://media.firebox.com/pic/p5294_column_grid_12.jpg'/&gt;";

        } else { 
          html = "&lt;img src='http://41.media.tumblr.com/30b1b0d0a42bca3759610242a1ff0348/tumblr_nnjxy1GQAA1tpo3v2o1_540.jpg'/&gt;";
       };
       list.append(html);
     }
    }
</code></pre>

<p>HTML</p>

<pre><code>&lt;script src="https://code.jquery.com/jquery-3.0.0-alpha1.js"&gt;&lt;/script&gt;
&lt;div id="ponies"&gt;&lt;/div&gt;
</code></pre>

<p>CSS</p>

<pre><code>html img{
width:100px;
height:100px;
}
</code></pre>