Eu estou criando essa função JavaScript, ela cria um form e adiciona no corpo do texto em uma outra div, só que quando eu clico no botão ele apaga o conteúdo que já estava escrito no input.
<button onclick="addPergunta(); return false" class="btn btn-warning btnPrincipal" name="2">ABERTA <i class="glyphicon glyphicon-plus-sign"></i> </button>
<script>
var conti = 0;
function addPergunta() {
conti++;
var htmlNovo = "";
htmlNovo +=
'<div class="main-login main-center">' +
'<form class="form-horizontal" method="post" action="#">' +
'<div class="form-group">' +
'<label for="name" class="cols-sm-2 control-label">Digite sua pergunta.</label>' +
'<div class="cols-sm-10">' +
'<div class="input-group">' +
'<span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span>' +
'<input type="text" class="form-control" name="pergunt' + conti + ' " id="name" placeholder="Qual seu nome?" />' +
'</div></div></div></form></div></div></div></div></div>' + '';
document.getElementById("multiplaescolha").innerHTML += htmlNovo;
return false;
}
</script>
appendChild
no lugar de adicionar ao innerHTML: developer.mozilla.org/pt-BR/docs/Web/API/Node/appendChild