JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
<div>
Empresa:<input type="text" name="empresa"/><br/>
Cargo:<input type="text" name="cargo"/><br/>
Admissao:<input type="text" name="admissao"/><br/>
Demissao:<input type="text" name="demissao"/><br/>
Atividades:<input type="text" name="atividades"/><br/>
<input type="button" value="Adicionar" onclick="javascript:adicionar();"/>
</div>
<div id="destino">
</div>
<input type="button" value="Salvar Todos" onclick="javascript:salvar();"/>
JavaScript
function salvar(){
experiencias = Array();
$(".box-experiencia").each(function(index, obj){
experiencia = {}
$(".content", obj).each(function(index1, obj1){
experiencia[$(obj1).attr('data-chave')] = $(obj1).text();
});
experiencias.push(experiencia);
});
console.log(experiencias);
}
function adicionar(){
experiencia = {
'empresa': $('input[name=empresa]').val(),
'cargo': $('input[name=cargo]').val(),
'admissao': $('input[name=admissao]').val(),
'demissao': $('input[name=demissao]').val(),
'atividades': $('input[name=atividades]').val(),
}
$('#destino').append(
"<div class='blococurso box-experiencia'>"
+"<label>Empresa:</label> <span class='content' data-content="+experiencia.empresa+" data-chave='empresa'>"+experiencia.empresa+"</span><br>"
+"<label>Cargo:</label> <span class='content' data-content="+experiencia.cargo+" data-chave='cargo'>"+experiencia.cargo+"</span><br>"
+"<label>Admissão:</label> <span class='content' data-content="+experiencia.admissao+" data-chave='admissao'>"+experiencia.admissao.toString().replace(/,/g, '/')+"</span><br>"
+"<label>Demissão:</label> <span class='content' data-content="+experiencia.demissao+" data-chave='demissao'>"+experiencia.demissao.toString().replace(/,/g, '/')+"</span><br>"
+"<label>Atividades:</label> <span class='content' data-content="+experiencia.atividades+" data-chave='atividades'>"+experiencia.atividades+"</span><br>"
+"<i class='fa fa-close btn-fechar fechar-experiencia' data-destino='' data-funcao='remover'></i></div>"
);
}