JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

HTML

<div id="loading"><img src="https://media.giphy.com/media/3oEjI6SIIHBdRxXI40/giphy.gif" alt=""></div>

<button id="dedi">click</button>

CSS

#loading{
  display:none
}

JavaScript

$("#dedi").click(function(){
$.ajax({
  type: 'POST',
  url: 'http://dummy.restapiexample.com/api/v1/create',
  beforeSend: function(){
     $("#loading").show();
  },
  complete: function(){
  	$("#loading").hide();
  },
  success: function(){
  	alert('successs')
  }
});
})