JSFiddle - React, Tailwind, and code Playground

HTML

<div id="playerElement"></div>
<p>something else</p>

CSS

#playerElement {
    width:50px;
    height:50px;
    background:yellow;
}
html, body {
    height:100%;
}

JavaScript

/* this is a list of helper functions that are specifically designed for use of jQuery and jKuery
 with the K-series appliances */

/* declare jKuery as an object.  It depends upon jQuery
 * if proper version of jQuery is not available it will load it
 */

/* usage:  TODO:
 var K = new JKuery.Lib();
 K.getVersion();  // returns the version; 
 K.aboutjKuery(); // implements the jKuery "about k1000" dialogue;

 * data api usage: 
 * var K = new JKuery.JSON( request, parms [, source [, querytype [,  boolean]]])
 ** requestname   type: string or integer.  Name or ID of JKUERY.JSON row
 ** parms   type: string or Array of strings
 ** source type: string
 ** querytype  type: string
 ** boolean   type : boolean
 *
 * var K = new JKuery.JSON( url [, boolean])
 ** url   type : string of full request URL
 *
 * JKuery.newJkuery( requestname, parms )
 * JKuery.newRule( ruleID , parms)
 * JKuery.newReport( reportID, parms) 
 *
 // TODO support name for rules and reports....well this would break control over which ones run since a user with 
 access to rules/reports might not have JKUERY.JSON access.  They might change a rule/report name just to run that one instead
 */
(function($){
  
 // depend upon jQuery
  // do not allow two JKuery 
  if(!$.fn.jquery || JKuery) return false;

  // TODO: proper check to see if $ (i.e. jQuery) is proper version and defined
  var verJQueryCompatible = ['1.10'];
  //TODO: we will feedback compatibility with a specific version but also allow in-between versions with a warning
  //TODO: use AMD like RequireJS for loading jQuery? other k-box specific libs? 
  /* IDEA:
   * maybe some kind of loop on  where we look for versions (with dashes instead of dots) on disk and if we can't find that 
   * we then look for apis on web (e.g. google code)
   */

  var fn = {
    dotDotDot : function(e)
    { // an animated "..." that can be used while waiting for a response
      window.setInterval( function() {
	var elTxt = $(e).text();
	$(e).text( ...