Preciso pegar os números inseridos no input e reverter a ordem deles. Já tentei com reverse() e não funcionou, não entendi porque. O código HTML está assim:
</header>
<main>
<div class="container">
<h1>Dados do cartão: </h1>
<div class="cartao">
<p>Nome: <input type="text" name="nome" id="inome" placeholder="ex.: Maria Alice Santos" minlength="2"></p>
<div class="mensagem-erro"></div>
<p>Número do Cartão: <input type="text" name="num" id="inum" minlength="13" maxlength="16" placeholder="ex.: 0000-0000-0000-0000" onkeypress="return event.charCode >= 48 && event.charCode <= 57" ></p>
<div class="mensagem-erro"></div>
<p>Validade: <input type="month" name="val" id="ival"></p>
<div class="mensagem-erro"></div>
<p>CVV: <input type="text" name="cvv" id="icvv" onkeypress="return event.charCode >= 48 && event.charCode <= 57" maxlength="3" placeholder="XXX"></p>
<div class="mensagem-erro"></div>
<input type="button" class="botao" value="Validar" onclick="validar()">
</div>
<div class="validacao"></div>
</div>
</main>
<footer>
</footer>
<script src="index.js" defer></script>
E o JS:
var botao = document.querySelector(".botao");
botao.onclick = function validar(){
var input = document.getElementById("inum");
var numeros = [];
numeros.push(input.value);
numeros.reverse();
console.log(numeros);
var resultado = document.querySelector(".validacao");
resultado.innerText = "Os números inseridos foram " + numeros;
}
Agradeço demais se alguém puder me ajudar!
input.value
(que é uma string) no array. Ereverse
inverte a ordem dos elementos do array (mas como ele só tem elemento - a string que corresponde ainput.value
- então ele acaba não mudando). Se quer inverter o texto, use isso aqui diretamente noinput.value
e esqueça esse arraynumeros
1 2 3 4
ele retorna uma string dentro de um array['1234']
, nao foi inserida 1,2 e depois 3. apenas adicionou 1 elemento no array, uma soluçao e fazer essa unica string ser separada e aplicar reverse, dessa formavar numeros = input.value.split('').reverse().join('');