JSFiddle - React, Tailwind, and code Playground

HTML

<div>Child :
    <input type="number" min="0" max="5" id="kids" name="kids" />
</div>
<div id="output"></div>

JavaScript

$('#kids').on('change keyup blur',function () {

    
    var val = $(this).val();
    if ( val > 5 ) {
        alert('opps no more than 5');
        return;
    }
    $('#output').empty();
    var output;
    for (var i = 0, length = val; i < length; i++) {

        output = 'Name :<input type="text" name="name"/><br/>Age : <input type="text" name="age"/><hr/>';
        $('#output').append(output);
    }

});