JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" name="maxprocedure"  id="maxprocedure" value="1"/>
<div id="procedurecontainer"></div>
<input type="button" id="addprocedure" value="add"/>

JavaScript

$(document).ready(function() {
     $('#addprocedure').click(function()
{
    //alert($("#maxprocedure").val());
    var maxvalue=$("#maxprocedure").val();
    for(var i=1;i<=5;i++)
    {
        var idvalue=parseInt(maxvalue)+i;
        $("#procedurecontainer").append('<input type="text" value="" id="procedurecode'+idvalue+'" name="procedurecode'+idvalue+'"></input>');
        $("#maxprocedure").val(idvalue);
   
    }
});

});