JSFiddle - React, Tailwind, and code Playground

by collabcoders

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
Artist: <span id="artist"></span><br>
IDA: <span id="ida"></span>

JavaScript

var getArtist = function() {
   var promise = new Promise(function(resolve, reject){
      setTimeout(function() {
         resolve({item:'Johnny'});
      }, 1000); 
   });
   return promise;
};

var getIda = function() {
   var promise = new Promise(function(resolve, reject){
      setTimeout(function() {
         resolve({item: 12345});
      }, 1000); 
   });
   return promise;
};

Promise.all([
  getArtist().then(function(data) {
    return data;
  }),getIda().then(function(data) {
    return data;
  })
]).then(values => { 
  	var artist = values[0].item;
  	var ida = values[1].item;
    $('#artist').html(artist);
    $('#ida').html(ida);
});