JSFiddle - React, Tailwind, and code Playground

by Mohamed Amer

HTML

<div id="more-package-div" class="more-package-area">
    <input type="text" name="package_weight[]" id="package_weight_0" placeholder="Package weight" class="package_weight">
</div>
<div id="extra-packages"></div>
<a href="#" id="add-more-package">Add more package</a>

JavaScript

var count = 1;
var i = 0;
$('body').on('click','#add-more-package', function(){
	$('#extra-packages').append($('#more-package-div').html());
    $('#package_weight_'+i).attr('id','package_weight_'+count);
    i+= 1;
    count += 1;
});

$('body').on('keyup','.package_weight', function(){
	alert(this.id);
});