JSFiddle - React, Tailwind, and code Playground

by beewayne

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<button type="button" id="btnExport" class="btn btn-default" data-loading-text="Exporting...">Export to CSV</button>

JavaScript

var main = function () {
var simulateAction = function (btnElement) {
        btnElement.button('loading');
        window.setTimeout(function() { resetButton(btnElement); }, 1000);
    };

    function resetButton(btnElement) {
        btnElement.button('reset');
    };

    return {
        simulateAction: simulateAction
    };
}();

function ExportToCsv() {
    main.simulateAction($('#btnExport'));
}

$('#btnExport').click( function() {
    ExportToCsv();
});