JSFiddle - React, Tailwind, and code Playground

by Ivan Ferrer

HTML

<script>
function duplicarCampos(){

	var clone = document.getElementById('div_dados_historico').cloneNode(true);
	var destino = document.getElementById('destino');
  var t = document.querySelectorAll(".el_cloned").length;
  clone.querySelector("label").innerHTML = 'Empresa '+ parseInt(t);
	destino.appendChild (clone);
	var camposClonados = clone.getElementsByTagName('input');
	for(i=0; i<camposClonados.length;i++){
		camposClonados[i].value = '';
	}
  t++;
}
function removerCampos(id){
  var t = document.querySelectorAll(".el_cloned").length;
	var node1 = document.getElementById('destino');
	node1.removeChild(node1.lastChild);
   t--;
 node1.lastChild.querySelector("label").innerHTML = 'Empresa '+ parseInt(t-1);

}

</script>
<div id="div_dados_historico">
 <div class="el_cloned">
 					<h3>HISTĂ“RICO PROFISSIONAL</h3>
					<label>Empresa</label>
                    <input type="text"  name="empresa1[]" placeholder="Empresa" />
                    <label>Cargo</label>
                    <input type="text"  name="cargo1[]" placeholder="Cargo" />
                    <label>Periodo</label>
                    <input type="text"  name="periodo1[]" placeholder="Periodo" />
                    <label>Atividades</label>
                    <textarea rows="4" cols="50"  name="atividades1[]" placeholder="Atividades" > </textarea>
                    <center><div>           
                    <img  src="<?php echo $URL ?>site/view/images/add.jpg" style="cursor: pointer;" onclick="duplicarCampos();">
					<img  src="<?php echo $URL ?>site/view/images/cross.jpg" style="cursor: pointer;" onclick="removerCampos(this);"> 
					</div> </center>

 </div>

					</div>
					<div id="destino"> </div>