JSFiddle - React, Tailwind, and code Playground

by georgesarkisss

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form id="Dropdown-1" class="classes" action="" onsubmit="return false">
<select id="a-1" name= "dropy">
<option selected>Select</option>
<option >Input</option>
<option >Output</option>
</select> &nbsp;

<select  id="b-1" name= "dropy"  class="DDlist">
<option selected>Select</option>
</select> &nbsp;

<select  id="c-1" name= "dropy"  class="DDlist">
<option selected >Select</option>
</select> &nbsp;

<select  id="d-1" name= "dropy"  class="DDlist"> 
<option selected >Select</option>
</select> &nbsp;

<select  id="e-1" name= "dropy"  class="DDlist">
<option selected >Select</option>
</select> &nbsp;

<select  id="f-1" name= "dropy" class="DDlist">
<option selected >Select</option>
</select> &nbsp;

<select  id="g-1"  name= "dropy" class="DDlist">
<option selected >Select</option>
</select> &nbsp;
</form>

<input type="button" id="add" value="add" />



 <SCRIPT language="javascript">
 var DigitalSelectionlist= ['D0','D1','D2',"D3","D4"]; 
var categories = [];
var Setpoint= [];
var Setpointstart= -20;
var Setpointend= 150;
var Setpointinc = 5;
var setpointlength = parseInt(Math.abs((Setpointstart-Setpointend)/Setpointinc)); 
for (var i = 0; i <= setpointlength; i++) {
    Setpoint[i] = (Setpointinc*i) + Setpointstart ;
    categories[Setpoint[i]]= ["1","2","3","4","5"];
    
}

var Analogstart= 0;
var Analogend= 16;
var Analoginc = 1;
var Analoglength = parseInt(Math.abs((Analogstart-Analogend)/Analoginc)); 
var AnalogSelectionlist= [];
var InputSelectionlist= [];
var InputSelectionlist2= [];
for (var i = 0; i <= Analoglength; i++) {
    AnalogSelectionlist[i] = "A" + ((Analoginc*i)+ Analogstart) ;
}
var numberofrowsstart= 0;
var numberofrowsend= 25;
var numberofrowsinc = 1;
var numberofrowslength = parseInt(Math.abs((numberofrowsstart-numberofrowsend)/numberofrowsinc)); 
var InputSelectionlist = [];

for (var i = 0; i <= numberofrowslength; i++) {
    InputSelectionlist[i]...

CSS

.DDlist { display:none; }