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('/echo/json').then(function(){
    console.log('first ajax done');
}).then(function(){
    console.log('second ajax done');
}).then(function(){
    console.log('third ajax done');
});