Skip to main content
1 de 3

Array não adiciona um dado no último elemento através do método push em uma função click

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)    
 }