JSFiddle - React, Tailwind, and code Playground

by oshirowanen

HTML

<input type="button" value="button" class="button" />
<div class="message"></div>

JavaScript

/* display a loading message */ 

$(function() {
    $(".message").hide();
    
    function simulate_ajax_call()
    {
        $.ajax({
            url: "/echo/json/",
            success: function(){
                $(".message").empty().html("done");
                $(".message").delay(1000).fadeOut(500);
            }
        });
    }    
    $('.button').click(function() {
        $(".message").empty().html("loading");
        $(".message").fadeIn(500);
        setTimeout(simulate_ajax_call, 5000);
    });
});