JSFiddle - React, Tailwind, and code Playground

HTML

<label for="input1">Start at</label>
<input type="text" id="input1" />
<label for="input2">End at</label>
<input type="text" id="input2" />
<a href="#" id="generate">generate</a>

<div id="result"></div>

JavaScript

$(document).ready(function() {

    $("#generate").click(function(e) {
        e.preventDefault();
        $("#result").html("");
        var start = parseInt($("#input1").val());
        var end = parseInt($("#input2").val());
        
        var i;
        
        if (start && end) {
            for (i = start; i <= end; i++) {
                $("#result").append('<p>'+i+'</p>');
            }
        }
        
    });
    
});