JSFiddle - React, Tailwind, and code Playground

by Dano007

HTML

<!doctype html>
<title>My Parse App</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.parsecdn.com/js/parse-1.2.19.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js" charset="utf-8"></script>
</head>
<body>
    <div id="main">
        <div class="go item" id="container"></div>
        <script type="text/javascript">
            Parse.initialize("79tphN5KrDXdjJnAmehgBHgOjgE2dLGTvEPR9pEJ", "9lblofQNZlypAtveU4i4IzEpaOqtBgMcmuU1AE6Y");


            ///////////////Parse code to log user in and pull back comments/////////////////////

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

            var MyBadge = Parse.Object.extend("myBadges");
            var myBadgeQuery = new Parse.Query("myBadges");
            myBadgeQuery.include('uploadedBy');
            myBadgeQuery.find({
                success: function(Badgeresults) {
                    var Badges = [];
                    for (var i = 0; i < Badgeresults.length; i++) {
                        Badges.push({
                            comment: Badgeresults[i].get('Comment'),


                        });

                    }

                    _.each(Badges, function(item) {
                        var wrapper = $('<div></div>');

                        wrapper.append('<div id="comments"  class="item"></div>' + ' Reason: ' + item.comment + '</div>' + '<br>');

                        $('#container').append(wrapper);

                    });

                },
                error: function(error) {
                    alert("Error: " + error.code + " " + error.message);
                }
            });



            ////////////////////////Ends///////////////////////

           ...

CSS

.item {
    display:block;
    overflow:hidden;
    padding-bottom: 10px;
}