JSFiddle - React, Tailwind, and code Playground

by Shree Khanal

HTML

<div id="divContain">
  <div id='divText'>
    <input type="text" name="name" class="form-control">
  </div>

  <div class="sign-btn signup-page">
    <button class="btn btn-info sign-bttn">Add More</button>
  </div>
</div>

JavaScript

var maxField = 18;
 var fieldHTML = ' <input type="text" name="name" class="form-control">'; //New input field html 
 var x = 1; //Initial field counter is 1
 $('.btn-info').click(function() { //Once add button is clicked
   if (x < maxField) { //Check maximum number of input fields
     x++; //Increment field counter
     $('#divText').append(fieldHTML); // Add field html
   }
   else
   {
   
   alert('No more text box :)');
   }
 });