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(result1){
    console.log(JSON.stringify(result1));
    return $.when(
        $.ajax('http://echo.jsontest.com/id/2'),
        $.ajax('http://echo.jsontest.com/id/3'),
        $.ajax('http://echo.jsontest.com/id/4')
    )
}).then(function(result2, result3, result4){
    console.log(JSON.stringify(result2[0]));
    console.log(JSON.stringify(result3[0]));
    console.log(JSON.stringify(result4[0]));
})