JSFiddle - React, Tailwind, and code Playground

HTML

<script>
window.onload = addSection;
    
function delSection(field) {
    field.parentNode.outerHTML = "";
}

function newSet() {
    var div = document.createElement("div");   
    
    var composer = document.createElement("input");
    composer.type="text";
    composer.value = "Compositer";
    
    var peca = document.createElement("input");
    peca.type = "text";
    peca.value = "Peca";
    
    var button = document.createElement("input");
    button.type = "submit"
   
    div.appendChild(composer);
    div.appendChild(peca);
    div.appendChild(button);
    
    return div
}
    
function addSection() {     
    document.getElementById("programa").appendChild(newSet());
}
</script>
<fieldset>

        <legend>Programa</legend>

        <div id="programa">

        </div>

        <a href="#" onclick="addSection()" >Add</a><br />

    </fieldset>

    <input type="submit" value="Inscrever Aluno" name="submit" />