JSFiddle - React, Tailwind, and code Playground

by duarteleao

HTML

<input type="text" id="a"/>
<input type="text" id="b"/>
<input type="text" id="c"/>
<br />
<textarea></textarea>

CSS

textarea { width: 80%; height: 20em; }

JavaScript

function log(what, id, ev) {
    $('textarea').val($('textarea').val() + '\n' + what + ' - ' + id + document.activeElement + " related: " + ev.relatedTarget);
}

$('input').on('blur', function(ev) {
    log('blur', this.id, ev);
}).on('focus', function(ev) {
    log('focus', this.id, ev);
})