JSFiddle - React, Tailwind, and code Playground

by Dano007

HTML

<!doctype html>
<head>
  <meta charset="utf-8">

  <title>My Parse App</title>
  <meta name="description" content="My Parse App">
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/styles.css">
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script type="text/javascript" src="http://www.parsecdn.com/js/parse-1.2.17.min.js"></script>
</head>

       <script type="text/javascript">
    Parse.initialize("79tphN5KrDXdjJnAmehgBHgOjgE2dLGTvEPR9pEJ", "9lblofQNZlypAtveU4i4IzEpaOqtBgMcmuU1AE6Y");
 
// capture name of user thats been clicked
// return their activty feed of badges etc

var currentUser = Parse.User.current();  
var FriendRequest = Parse.Object.extend("FriendRequest");
var friendName = $("#go").val();   


    var query = new Parse.Query(FriendRequest);
    query.include('toUser');
   // query.include('fromUser');
    //query.include('pic');
    query.equalTo("fromUser", currentUser);
    query.equalTo("status", "Request sent");
   
         query.find({
              success: function(results) {
        // If the query is successful, store each image URL in an array of image URL's
        imageURLs = [];
        Username = [];
        for (var i = 0; i < results.length; i++) { 
          var object = results[i].get("toUser");
         imageURLs.push(object.get("pic"));
         Username.push(object.get("username"));
        }


     // If the imageURLs array has items in it, set the src of an IMG element to the first URL in the array
        console.log(imageURLs);
        console.log(Username);
        for(var j = 0; j < imageURLs.length; j++){
          $('#imgs').append("<img src='" + imageURLs[j] + "'/>");  
          $('#username').append(Username[j]); 

        }
            
      },
      error: function(error) {
        // If the query is unsuccessful, report any errors
        alert("Error: " +...