JSFiddle - React, Tailwind, and code Playground

HTML

<div id="origem" align="center">
		Fone <input type="text" id="fone" name="fone[]"  maxlength="14" size="14"/>
		<img  src="../img/add.gif" style="cursor: pointer;" onclick="duplicarCampos();">
		<img  src="../img/cross.gif" style="cursor: pointer;" onclick="removerCampos(this);"> 
	</div>
	<div id="destino">
	</div>

JavaScript

function duplicarCampos(){
	var clone = document.getElementById('origem').cloneNode(true);
	var destino = document.getElementById('destino');
	destino.appendChild (clone);
	var camposClonados = clone.getElementsByTagName('input');
	for(i=0; i<camposClonados.length;i++){
		camposClonados[i].value = '';
	}
}
function removerCampos(id){
	var node1 = document.getElementById('destino');
	node1.removeChild(node1.childNodes[0]);
}