JSFiddle - React, Tailwind, and code Playground

by psoares

HTML

<link rel="stylesheet" href="http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/themes/claro/claro.css">
<input id="coding_pad" data-dojo-type="dijit/form/Textarea" data-dojo-props="value:'Enter json here'"</div>
<button data-dojo-id="runBtn" data-dojo-type="dijit/form/Button">Parse</button>
<div id="coded_pad"></div>

JavaScript

require([
    "dojo/_base/declare",
    "dojo/dom",
    "dojo/json",
    "dojo/parser",
    "dijit/form/Textarea"
], function(declare, dom, JSON, parser){
    parser.parse().then(function(instances){
        var jsdevpad = declare(null, {});
    
        jsdevpad.Jspad = {
            executejs: function(){
                try {                 
                    output = JSON.parse(dom.byId('coding_pad').value);
                    coded_pad.innerHTML = JSON.stringify(output);
                } catch (e) {
                    coded_pad.innerHTML = "Invalid JSON";
                }
            }   
        };
        
        runBtn.on("click", jsdevpad.Jspad.executejs);
    });
});