JSFiddle - React, Tailwind, and code Playground

by Rizal Alfarizi

HTML

<input type='text' id='many'><div id='add'>Add element</div>
<div  id='kontenPlus'></div>

CSS

#add{
    background:red;
    float:left;
    
}

JavaScript

var tmp;
$('#add').click(function(){

            var galer=parseInt($('#many').val());

                for(var h=1;h<=tmp;h++){
                    $(".af_"+h).remove();                       
                }

                for(var x=1;x<=galer;x++){
                    $("#kontenPlus").append("<div class='af_"+x+"'><input type='file' id='photo_"+x+"'> <input type='text' id='src_"+x+"'></div>");

                }

                tmp=galer;                  

       });

for(var u=1;u<=tmp;u++){            
    $('#photo_'+u).change(function(){
            $('#src_'+x).val($(this).val());
    });
}