JSFiddle - React, Tailwind, and code Playground

by Dano007

HTML

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

Parse.User.logIn("dave", "delvedia", {
  success: function(user) {
    console.log("Logged in!");
  }
});

    /////////////////Result 1///////////////    


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

                     var query = new Parse.Query(FriendRequest);
                     query.include('toUser');
                     query.include('SentTo');
                     query.include("myBadge");
                     query.equalTo("fromUser", currentUser);
                     query.equalTo("status", "Connected");

                     query.find({
                        success: function (results) {
                            var friends = [];
                            for (var i = 0; i < results.length; i++) {
                                friends.push({
                                    imageURL: results[i].get('toUser').get('pic'),
                                  //  friendRequestId: results[i].id,
                                  username: results[i].get('toUser').get('username'),
                                  userId: results[i].get('toUser').id


                              });


                            }
                            var select = document.getElementById("FriendsConnected");
                            $.each(friends, function (i, v) {
                                var opt = v.username;
                                var el = document.createElement("option");
                                el.textContent = opt;
                                el.value = opt;
                                select.appendChild(el);
                            })

                     

                        },
         ...