Estou com problema ao enviar o valor de um input para outro input readonly, o meu objetivo é que seja adicionado o texto que está no primeiro input no outro input ao clicar no botão Add, estou neste momento a testar com Javascript mas sou meio novato no que toca a essa linguagem.
Este é o meu script:
$(".btnNomes").click(function () {
var nome = $(".inputNome");
$("#textNome").text(nome.val());
});
Este é o meu código:
<div class="form-row"> <!--Nomes-->
<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" 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-->
</div>
Obrigado :)