JSFiddle - React, Tailwind, and code Playground

by rionmonster

HTML

<div id='tweets'></div>

CSS

h2
{
     font-size: x-large;   
}

b
{
     font-size: small;
       
}

JavaScript

function Tweet(user,message,id)
{
     this.user = user;
     this.message = message;
     this.id = id; 
}


function BuildTweet()
{
    
    $.getJSON("http://api.twitter.com/statuses/public_timeline.json?callback=?", function(data) {
       tweet = new Tweet(data[0].user.name,data[0].text,data[0].id); 
        var color = (Math.random()*0xFFFFFF<<0).toString(16);
        $('#tweets').append("<p class='tweet'><h2>"+ tweet.message + "</h2><b>"+tweet.user+"</b></div>");
        $('h2:last').css('color',"#"+color);
        
        
    });
    
    
}

setInterval(BuildTweet,1000);