Boa tarde, estou com dificuldade em encontrar uma forma para adicionar value a um input readonly sem eliminar o value que já está nesse input. O meu layout é constítuido por dois inputs e um botão, o primeiro input é um input normal type text, o segundo é um input readonly e tenho um botão Add para adicionar o value do primeiro input ao segundo que é readonly e eu estou a tentar com que o value do input readonly nunca seja eliminado por mais values que sejam adicionados. Obrigado :)
Este é o meu script:
function setValue() {
var nome = document.getElementById('inputNome').value;
document.getElementById('textNome').value = nome;
};
Este é o meu código HTML:
<div class="form-group col-md-5">
<label for="inputNome">Nome</label>
<input type="text" name="inputNome" class="form-control" id="inputNome" placeholder="Nome">
</div>
<button type="button" id="btnNomes" onclick="setValue()" name="btnNomes"class="btn col-md-1 mx-1 px-0 my-auto btn-danger">Add</button> <!--Btn Add-->
<input type="text" class="form-control col-md-5 my-auto" id="textNome" name="textNome" placeholder="Nomes..." readonly /> <!--Readonly Input-->