JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css">
<div id="main">
			<input type="button" id="btAdd" value="Add" class="bt" onclick="add();" />
			<br>
		    </div>

JavaScript

var container = $(document.createElement('div')).css({
            padding: '5px', margin: '20px', width: '400px', border: '1px solid',
            borderTopColor: '#999', float: 'left', borderBottomColor: '#999',
            borderLeftColor: '#999', borderRightColor: '#999'
        });

var iCnt = 0;
function add()
{
            if (iCnt <= 19) {

                iCnt = iCnt + 1;
		
		$(container).append($("<select class ='selinput' id=tb" + iCnt + " " + "value='Text Element " + iCnt + "' style='float : left; margin-right:70px;'>")); 

		//Add Property Selector
    
		$(container).append("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");	 
		$(container).append($("<select class ='selinput2" + iCnt + "'' id=tb2" + iCnt + " " + "value='Text Element " + iCnt + " ' ><option value='equalto'>A</option><option value='notequalto'>B</option></select>"));
		//$('.selinput2' + iCnt).select2({width : '20%'});
		$(container).append("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");	 
                // ADD TEXTBOX.
		$('select').select2({width : '20%'});
                $(container).append('<input type=text class="input" id=tbtext' + iCnt + ' ' +
                            'placeholder="Value ' + iCnt + '" style="float : center;" /><br><br>');

		
                // SHOW SUBMIT BUTTON IF ATLEAST "1" ELEMENT HAS BEEN CREATED.
                if (iCnt == 1) {

                    var divSubmit = $(document.createElement('div'));
                    $(divSubmit).append('<input type=button class="bt"' + 
                        'onclick="GetTextValue()"' + 
                            'id=btSubmit value=Submit />');

                }

                // ADD BOTH THE DIV ELEMENTS TO THE "main" CONTAINER.
                $('#main').after(container, divSubmit);
            }
            // AFTER REACHING THE SPECIFIED LIMIT, DISABLE THE "ADD" BUTTON.
            // (20 IS THE LIMIT WE HAVE SET)
            else {
                $(container).append('<label>Reached the limit</label>'); 
             ...