JSFiddle - React, Tailwind, and code Playground

by Pavel Savushchyk

HTML

<script src="http://zigfred.github.io/Logger/js/require.js"></script>
<h2>Open console - F12</h2>

JavaScript

requirejs.config({
    baseUrl: "http://zigfred.github.io/Logger/js",
    paths: {
        "logger": "common/logging/logger"
    },
    config: {
        logger: {
            root: {
                level: "all",
                appender: ["console"]
            },
            modules: {
                "foo/bar": "debug"
            }
        }
    }
});

require(["logger"], function(logger) {
    
    var log = logger.register("jsfiddle");
    
    log.info("jsfiddle example started.");
    
    var logAjax = logger.register("ajax");

    function makeAjaxRequest(data){
        logAjax.debug("data to send", data);
        // make request

        setTimeout(function(){
            logAjax.debug("response", "200 ok");
        }, 500);
    }

    log.info(document);

    try {
        //do some stuff
        log.debug("Blabla");
        //do some stuff
        qwe();
    }catch (e){
        log.error(e);
    }

    makeAjaxRequest({
        data:{
            a:1,
            b:2,
            c:3
        }
    });

    log.info("Finished");
    
    log.info("jsfiddle example ended.");
});