JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<a href="#" class="add_input_button">Add</a>
<div class="field_wrapper">

</div>

JavaScript

$(document).ready(function(){

        var max_fields = 16;
        var add_input_button = $('.add_input_button');
        var field_wrapper = $('.field_wrapper');
        var input_count = 0;
        

// Add button dynamically
        $(add_input_button).click(function(){
            if(input_count < max_fields){
            var new_field_html = '<input type="text" value="'+input_count+'" />'
                console.log(input_count);
                $(field_wrapper).append(new_field_html);
                input_count++;
            }
        });
        });