JSFiddle - React, Tailwind, and code Playground

by lise_nakache

HTML

<button id="action-button">Click me to load info!</button>
<div id="info"></div>

JavaScript

$('#action-button').click(function() {
   $.ajax({
   		type: 'GET',
      url: 'https://api.joind.in/v2.1/talks/10889',
      data: {
         format: 'json'
      },
      error: function() {
         $('#info').html('<p>An error has occurred</p>');
      },
      dataType: 'jsonp',
      success: function(data) {
         var $title = $('<h1>').text(data.talks[0].talk_title);
         var $description = $('<p>').text(data.talks[0].talk_description);
         $('#info')
            .append($title)
            .append($description);
      }
   });
});