JSFiddle - React, Tailwind, and code Playground

HTML

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Twitter Updates Motyar</title>



</head>



<body bgcolor="pink">

<div id="twitter">

     <ul id="twitter_avatar"></ul>

</div>



<script type="text/javascript">

function showAvatar(twitters) {

  var statusHTML = [];

  for (var i=0; i<twitters.length; i++){

    var username = twitters[i].user.screen_name;

    var followers_count = twitters[i].user.followers_count;

    var profile_image_url = twitters[i].user.profile_image_url;

    statusHTML.push('<a href="http://twitter.com/'+username+'"><img src="'+profile_image_url+'" style="border:none;"/></a><br /><b>@'+username+'</b>');

  }

  document.getElementById('twitter_avatar').innerHTML = statusHTML.join('');

}

</script>

<script src="http://twitter.com/statuses/user_timeline/motyar.json?callback=showAvatar&count=1" type="text/javascript"></script>





</body>

</html>