JSFiddle - React, Tailwind, and code Playground

by bankrot

HTML

<div id="console-log"></div>
<script>
    (function(){
        var consoleLine = "<p class=\"console-line\"></p>";
        window.console = {
            log: function (text) {
                $("#console-log").append($(consoleLine).html(text));
            }
        };
    }());
</script>

CSS

.console-line
{
    font-family: monospace;
    margin: 2px;
}

JavaScript

urls = ['http://echo.jsontest.com/id/1', 'http://echo.jsontest.com/id/2', 'http://echo.jsontest.com/id/3']
promise = $.when();
$.each(urls, function(index, url){
    promise = promise.then(function(){
        return $.ajax(url);
    }).then(function(result){
        console.log(JSON.stringify(result));
    });
});
promise.then(function(){
    console.log('OK');
});