JSFiddle - React, Tailwind, and code Playground

by pradeep

HTML

<input type="text" />
<div class="wrapper">

</div>

JavaScript

$("input").on("change",function(){
var thisVal = $(this).val();
var wrapperLength = $(".wrapper div").length;
if(thisVal < wrapperLength) {
$(".wrapper").children().filter(":gt("+thisVal+")").remove();
}
else {
for (i = wrapperLength; i < parseInt(thisVal); i++) {
				$(".wrapper").append('<div>foo8</div>');
			}
      $('.wrapper').each(function(i){
				$(this).text('foo' , (i+1)); 
			});
}
});