JSFiddle - React, Tailwind, and code Playground

by Thomas Upton

HTML

<div id="root"></div>

JavaScript

require([
    'dojo/dom-construct',
    'dojo/dom',
    'dojo/domReady!'
], function(dom_construct, dom) {
    
    var cf_name = 'My In-Memory CF',
        annotation = ' (in memory)',
        is_in_memory = true;
    
    // -----
    
    var container = dom_construct.create('span', {
        className: 'cf'
    });
    
    dom_construct.create('a', {
        className: 'cf',
        innerHTML: cf_name
    }, container);
    
    if (is_in_memory) {
        dom_construct.create('span', {
            className: 'cf_is_in_memory',
            innerHTML: annotation
        }, container);
    }
    
    // -----
    
    dom.byId('root').appendChild(container);
});