JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/south-street/jquery-ui.css">
<div id="btn">
    Add <input id="count" type="text" size="2" /> element
</div>

<div id="container"></div>

JavaScript

$("#btn").button();
$("#count").val("1");

$("#btn").click(function() {
    alert("Button div click handler");
    
    if ($("#count").val()) {
        for (var i=0; i<$("#count").val(); i++) {
            $("<p>element</p>").appendTo($("#container"));
        }
        $("#count").val("1");
    } else {
        $("<p>element</p>").appendTo($("#container"));
    }
});

$("#count").click(function(e) {
    alert("Text box click handler");
    
    e.stopPropagation();
});