JSFiddle - React, Tailwind, and code Playground

by Dano007

HTML

<div id="Image01"></div>
<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 UserProfilePic = Parse.Object.extend("_User");
    var query = new Parse.Query(UserProfilePic);
    query.exists("ProfilePic");
    query.find({
        success: function(results) {
            // If the query is successful, store each image URL in an array of image URL's
            imageURLs = [];
            for (var i = 0; i < results.length; i++) {
                var object = results[i];
                imageURLs.push(object.get('ProfilePic').url);
            }
            // If the imageURLs array has items in it, set the src of an IMG element to the first URL in the array
            if (imageURLs.length > 0) {
                $('#profile_pic').attr('src', imageURLs[0]);
            }
            $('#Image01').attr('src', imageURLs[0]); //first image
        },
        error: function(error) {
            // If the query is unsuccessful, report any errors
            alert("Error: " + error.code + " " + error.message);
        }
    });
</script>