JSFiddle - React, Tailwind, and code Playground

by Walter Rumsby

HTML

<div id="container">
    <input type="text" class="text-input" onclick="output('eggs');" />
    <input type="text" class="text-input" data-custom-message="foo" data-callback-module="wff/index" />
</div>
<div id="output-el"></div>

JavaScript

var context = {},
    el = $('#output-el');

function output(message) {
    el.html(el.html() + ' ' + message);
}

$('#container').on('click', '.text-input', function (e) {
    var $this = $(this),
        attr,
        module;
    
    e.preventDefault();
    output('bah');
    
    attr = $this.attr('data-custom-message');
    
    if (attr) {
        output(attr);
    }
    
    module = $this.attr('data-callback-module');
    
    if (module && require) {
        require([module], function (impl) {
            impl.execute(context);
        }, function (err) {});
    }
});