JSFiddle - React, Tailwind, and code Playground

by Patrick Robles

HTML

<input type="text" name="dates[]" placeholder="Inclusive Dates"/>
<input type="text" name="company[]" placeholder="Name of Copany"/>
<input type="text" name="position[]" placeholder="Position Held"/>
</br>
<span id="employment"></span>
</br>
<input type="button" value="Add" onclick="addEmployment()"/>
<input type="button" value="Remove" onclick="removeEmployment()"/>

JavaScript

function addEmployment(){
    var employment=document.getElementById("employment");
    var element = document.createElement("span");
        employment.appendChild(element);
    var element1=document.createElement("input");
        element1.setAttribute("type","text");
        element1.setAttribute("name","dates[]"); 
        element1.setAttribute("placeholder","Inclusive Dates"); 
        element.appendChild(element1);
     var element2=document.createElement("input");
        element2.setAttribute("type","text");
        element2.setAttribute("name","company[]"); 
        element2.setAttribute("placeholder","Company Name"); 
        element.appendChild(element2);
    var element3=document.createElement("input");
        element3.setAttribute("type","text");
        element3.setAttribute("name","position[]"); 
        element3.setAttribute("placeholder","Position Held"); 
        element.appendChild(element3);
        var br=document.createElement("br");
        element.appendChild(br);
}
function removeEmployment(){
    var employment = document.getElementById("employment")
    var lastChild = employment.lastChild;
    employment.removeChild(lastChild);
}