JSFiddle - React, Tailwind, and code Playground

by calder12

HTML

<div id="main">
  <h1>
    Star Wars
  </h1>
</div>

JavaScript

$.ajax({
	url: 'https://swapi.co/api/people/1',
  dataType: 'JSON'
}).done(function(data) {
  var html = '<p>' + data.name + ' has ' + data.hair_color + ' hair and ' + data.eye_color + ' eyes.</p>'
  $('#main').append(html)
})

$.ajax({
	url: 'https://swapi.co/api/people/6',
  dataType: 'JSON'
}).done(function(data) {
  var html = '<p>' + data.name + ' has ' + data.hair_color + ' hair and ' + data.eye_color + ' eyes.</p>'
  $('#main').prepend(html)
})