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

$.ajax('http://echo.jsontest.com/id/1')
.then(function(){
    console.log('OK 1');
    return $.ajax('http://echo.jsontest.com/id/2');
}).then(function(){
    console.log('OK 2');
    return $.ajax('http://echo.jsontest_fail.com/id/3');
}).then(function(){
    console.log('OK 3');
    return $.ajax('http://echo.jsontest.com/id/4');
}).then(function(){
    console.log('OK 4');
}).fail(function(){
    console.log('error');
});