JSFiddle - React, Tailwind, and code Playground

HTML

<fieldset id="buildyourform">
    <legend>test</legend>
</fieldset>
<input type="button" value="Add a field" class="add" id="add" />
<input type="button" value="Generate" class="add" id="preview" />&nbsp;

JavaScript

$(document).ready(function() {
    
    $("#preview").click(function() {
        var arr = {};
        arr.items = [];
    
        $(".fieldwrapper").each(function() {
            var entry = {}
            var neighborhood = $(this).find("input[name='neighborhood']").val();            
            var url = $(this).find("input[name='url']").val();
            entry["url"] = url;
            entry["name"] = neighborhood;
            arr.items.push(entry);
        });
        alert (JSON.stringify(arr, null, 4));
    });
    
    $("#add").click(function() {
        var intId = $("#buildyourform div").length + 1;
        var fieldWrapper = $("<div class=\"fieldwrapper\" id=\"field" + intId + "\"/>");
        var name = $("<input type=\"text\" name=\"neighborhood\" placeholder=\"Name of Neighborhood\"class=\"fieldname\" />");
         var puta = $("<input type=\"text\" name=\"puta\" placeholder=\"Name of puta\"class=\"fieldname\" />");
           var url = $("<input type=\"text\" name=\"url\" placeholder=\"Paste here the URL of the Image\"class=\"fieldname\" />");

        var removeButton = $("<input type=\"button\"class=\"remove\" value=\"Remove\" />");
        removeButton.click(function() {
            $(this).parent().remove();
        });
        fieldWrapper.append(name);
                fieldWrapper.append(url);

        fieldWrapper.append(removeButton);
        $("#buildyourform").append(fieldWrapper);
    });

});