JSFiddle - React, Tailwind, and code Playground

by Dano007

HTML

<img id="Image01" />
<div id="text01"></div>
<script type="text/javascript" src="http://www.parsecdn.com/js/parse-1.2.17.min.js"></script>
<script type="text/javascript">
    Parse.initialize("79tphN5KrDXdjJnAmehgBHgOjgE2dLGTvEPR9pEJ", "9lblofQNZlypAtveU4i4IzEpaOqtBgMcmuU1AE6Y");





    /////////////////////////profile pic//////////////////
			var currentUser = Parse.User.current();
			var FriendRequest = Parse.Object.extend("FriendRequest");

			var queryOne = new Parse.Query(FriendRequest);
			queryOne.equalTo("toUser", currentUser);


			var queryTwo = new Parse.Query(FriendRequest);
			queryTwo.equalTo("fromUser", currentUser);

			var mainQuery = Parse.Query.or(queryOne, queryTwo);
			mainQuery.include('toUser');
			mainQuery.include('fromUser');
			mainQuery.equalTo("status", "Connected");


			mainQuery.find({
				success: function(results) {
					var friends = [];
					for (var i = 0; i < results.length; i++) {
						friends.push({
						
						
							username: results[i].get('fromUser').get('username'),
						
	
				


		 			});
		 			var select = $("#selectFriend");
var added = {};
$.each(friends, function(i, v) {
    var opt = v.userId;
    var optfrontend = v.username;
    if(!added[optfrontend])
    {
      added[optfrontend]= true;

      var el = document.createElement("option");
      el.textContent = optfrontend;
      el.value = opt;
      select.append(el);
    }
});

		 		}
		 	},

		 	error: function(error) {
		 		alert("Error: " + error.code + " " + error.message);
		 	}
		 });
</script>