JSFiddle - React, Tailwind, and code Playground

by Dano007

HTML

<script type="text/javascript">
    Parse.initialize("79tphN5KrDXdjJnAmehgBHgOjgE2dLGTvEPR9pEJ", "9lblofQNZlypAtveU4i4IzEpaOqtBgMcmuU1AE6Y");
    
var GlobalBadges = Parse.Object.extend("Global_Badges");
    var query = new Parse.Query(GlobalBadges);
    query.exists("Global_Badges_img");
    query.exists("text");
    query.find({
      success: function(results) {
        // If the query is successful, store each image URL in an array of image URL's
        imageURLs = [];
        text = [];

        for (var i = 0; i < results.length; i++) { 
          var object = results[i];
          imageURLs.push(object.get('Global_Badges_img'));
          text.push(object.get('text'));
        }
        
        $('#Image01').attr('src',imageURLs[0]); //first image
        $('#Image02').attr('src',imageURLs[1]); //second image
        $('#Image03').attr('src',imageURLs[2]); //third image
        $('#Image04').attr('src',imageURLs[0]); //first image
        $('#Image05').attr('src',imageURLs[1]); //second image
        $('#Image06').attr('src',imageURLs[2]); //third image
        console.log(object.get('text'));
      },
      error: function(error) {
        // If the query is unsuccessful, report any errors
        alert("Error: " + error.code + " " + error.message);
      }
    });