JSFiddle - React, Tailwind, and code Playground

by Dano007

HTML

<!doctype html>

<!-- Runs Parse and FB code that uses Facebook authentication to login user to the site and redirects them to the main content area. This page is fired from the Facebook button being clicked on the site landing page-->


<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>
  		   


<div id="imgs"></div>
<div id="username"></div>
<div id="container"></div>
<div id="FriendsStuff"></div>
<div id="FriendsStuffName"></div>
</body>
</html>

JavaScript

<!doctype html>

<!-- Runs Parse and FB code that uses Facebook authentication to login user to the site and redirects them to the main content area. This page is fired from the Facebook button being clicked on the site landing page-->


<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 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...