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

$.when(
    $.ajax('http://echo.jsontest.com/id/1'),
    $.ajax('http://echo.jsontest.com/id/2'),
    $.ajax('http://echo.jsontest.com/id/3')
).then(function(result1, result2, result3){
    console.log(JSON.stringify(result1[0]));
    console.log(JSON.stringify(result2[0]));
    console.log(JSON.stringify(result3[0]));
})