Olá, estou fazendo um formulário para projeto de faculdade e gostaria de saber como criar um bloco de código dinamicamente ao apertar um botão.
Tenho o trecho de código abaixo que faz parte do meu formulário:
<div class="wrap-input bg-white">
<input class="input" name="empresa" type="text" placeholder="Qual foi a empresa?" />
</div>
<div class="wrap-input bg-white rs2-wrap-input">
<input class="input" name="cargo" type="text" placeholder="Qual foi seu cargo?" />
</div>
<div class="wrap-input bg-white rs2-wrap-input">
<label class="label-input">Entrada</label>
<input class="input" type="month" name="empresa_entrada" placeholder="Mês">
</div>
<div class="wrap-input bg-white rs2-wrap-input">
<label class="label-input">Saída</label>
<input class="input" type="month" name="empresa_saida">
</div>
<div class="wrap-input bg-white">
<textarea class="input" name="principais_atividades" rows="3"
placeholder="Descreva as principais atividades desempenhadas no cargo..."></textarea>
</div>
<button class="button">Adicionar outra experiência</button>
Ao clicar no botão eu gostaria de "duplicar" esse bloco de inputs para a pessoa adicionar uma nova experiência.
Como fazer isso, qual o nome do que quero fazer em JavaScript?