JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
  <head>
    <title>Click Issue</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css">
    <link rel="stylesheet" type="text/css" media="screen" href="http://jquery-ui.googlecode.com/svn/tags/1.8.8/themes/ui-lightness/jquery.ui.all.css" />
    <script charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
    <script charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/jquery-ui.min.js" type="text/javascript"></script>
    <style type="text/css">
        body{ font-size: 62.5%;  }
    #formsk{ width:100%; }
        .brz{ clear:left;}
        .example{width:220px;}
    .row{ position:relative; display: block;}
    .row div{  position:relative; float: left; text-align:left; display:block; }
    .labelsy{ display:none;}
    .inp{ padding: .370em;}
    </style>
    <script charset="utf-8" type="text/javascript">
        
        $(window).load (function () { PanelStuff(); });

        function CreateRow(){
            //Index of Elements number
            var ne = $('#nelements').val();

            CreateDivRow(ne);

            //User Interaction Controls
            var inpdata = $(document.createElement('input')).attr('id', 'data_'+ne)
                .addClass('inp ui-widget ui-widget-content ').attr('size','7').attr('maxlength','7').attr('autocomplete','off');
            var inpinfo = $(document.createElement('input')).attr('id', 'info_'+ne)
                .addClass('inp ui-widget ui-widget-content ').attr('size','7').attr('maxlength','7').attr('autocomplete','off');

            var btndel = $(document.createElement('span')).attr('id', 'drow_'+ne).addClass('drow');
            var btnupd = $(document.createElement('span')).attr('id', 'update_'+ne).addClass('update');

            $('#dvdata_'+ne).append('<label...