Array não adiciona um dado no formulário no último elemento através do método push em uma função click.
Fiz algumas pesquisas, mas não encontrei uma resposta significativa. A dúvida é de iniciante, criei um pequeno formulário em HTML, a ideia era pegar os dados digitados e enviar para um objeto e guardar os dados através de um array com um evento click, o array pegaria estes dados através do método push().
Com o código abaico, os dados não deveriam ser adicionados a cada click no último elemento do array? Os dados estão sendo adicionados sempre no primeiro elemento sobrescrevendo o dado anterior.
Segue o código em JS:
let botao = document.getElementById('botao')
botao.addEventListener('click', guardar)
let nome = document.getElementById('nome')
let idade = document.getElementById('idade')
let email = document.getElementById('email')
let cadastro = []
function guardar() {
let pessoa = {
nomeCliente: nome.value,
emailCliente: email.value,
idadeClient: idade.value
}
cadastro.push(pessoa.nomeCliente)
}