JSFiddle - React, Tailwind, and code Playground

by brennan

HTML

<div id="wrapper">

</div>
<button id="append">!</button>

CSS

body{
    background:#072470;
}
#wrapper{
    width:350px;
    margin:0 auto;
    background:white;
}

JavaScript

var since_id = 0;

setInterval(function(){

    $.getJSON('http://search.twitter.com/search.json?q=fbi&since_id='+since_id+'&callback=?', function(data){
        
        var html = '';
        
        $.each(data.results, function(i, value){
        
            html = html + '<p><a href="#">'+value.from_user+"</a> says: "+ value.text+"</p>";
        
        });
        
        $('#wrapper').prepend(html);
            
        since_id = data.max_id + 1;
    });


}, 500);