JSFiddle - React, Tailwind, and code Playground

by Dano007

HTML

<!doctype html>


<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<meta name="description" content="fresh Gray Bootstrap 3.0 Responsive Theme "/>
	<meta name="keywords" content="Template, Theme, web, html5, css3, Bootstrap,Bootstrap 3.0 Responsive Login" />
	<meta name="author" content="Adsays"/>
	<title>Parse JavaScript Todo App</title>



	<script src="http://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
	<script type="text/javascript" src="http://www.parsecdn.com/js/parse-1.2.17.min.js"></script>

</head>
<body>

<form>
        <div class="error" style="display:none"></div>
        <input type="text" id="friendsearch" placeholder="Find Friend" class="input-field" /> 
        <button id="find_button" type="button" class="btn btn-login">Find</button> 
</form>
     
	<!-- Important, must be on the page -->

	
	


	<!-- Initialize the Parse object-->


       <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 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"));
        ...