JSFiddle - React, Tailwind, and code Playground
HTML
<body bg=grey>
<div id="wrap">
<tr>
<form method="POST"><br />
<div id="center">
<center>Driver Line Input page </center>
</div>
<br />
<div class="centerDynamic">
<label>
<input type="radio" name="countyLabel" value="radio" id="countyLabel_0" />
Eagle County</label>
<label>
<input type="radio" name="countyLabel" value="radio" id="countyLabel_1" />
Summit County</label><br />
Driver Name: <input name="dNameT1" type="text" value="" size="25" /><br>
Trip Time: <input name="tripTimeT1" type="text" value="" size="5" /><br>
First Pickup: <input name="firstPickupT1" type="" value="" size="5" /><br>
Town: <input name="townT1" type="text" value="" size="25" id="townT1" /><br>
<label>
Transfer during this trip:<input type="radio" name="transferYesT1" value="radio" id="transferGroup_1T1" />
Yes</label>
<label>
<input name="transferNoT1" type="radio" id="transferGroup_1a" value="radio" checked="checked" />
No</label>
<br />
<label for="transferDrivera">Transfer Driver</label>
<input type="checkbox" name="transferDriverT1" id="transferDrivera" /><br>
Need Carseat/Booster?<label>
<input type="radio" name="carseatYesT1" value="radio" id="RadioGroup1_0" />
Carseat</label>
<label>
<input type="radio" name="boosterYesT1" value="radio" id="RadioGroup1_1" />
Booster</label>
<label>
<input type="radio" name="noneT1" value="radio" id="RadioGroup1_2" />
None</label><br /><br />
</div>
<input type="button" value="Add Another Trip" onClick="addInput('centerDynamic');" />
</form>
</tr>
</div>
</body>
CSS
@charset "utf-8";
/* CSS Document */
#wrap {
width: 900px;
margin: 0 auto;
}
.centerDynamic{
width: 500px;
margin: 0 auto;
}
JavaScript
var counter = 1;
var limit = 34;
function addInput(centerDynamic){
if (counter == limit) {
alert("You have reached the limit of adding " + counter + " inputs");
}
else{
var newdiv = document.createElement('div');
newdiv.innerHTML = "Entry " + (counter + 1) + " <br><input type='text' name='myInputs[]'>";
document.getElementById(centerDynamic).appendChild(newdiv);
counter++;
}
}