JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

HTML

<div id="app"></div>

JavaScript

function promiseTest(){
			return $.ajax({
				type: 'GET',
				url: 'https://swapi.co/api/people/', 
			})
		}

		function promiseTest2(){
			return $.ajax({
				type: 'GET',
				url: 'https://swapi.co/api/films/', 
			})
		}

		var promise = promiseTest();
		var promise2 = promiseTest2();

		var bothPromise = $.when(promise, promise2);

		bothPromise.done(function(data){
			$.each(data, function(i){
					$("#app").append("<ul><li>Name: "+ i.name +"</li><li>Height: "+name.height+" </li><li>Skin Color: "+ name.skin_color +"</li><li>Gender: "+name.gender+" </li><li>Film: "+ name.films +"</ul>")
				})
			console.log(bothPromise)
			/*alert("done")*/
		})