Estou aprendendo javascript e já quebrei bastante a cabeça com isso,olhei vários fóruns e perguntas aqui no site mais não consegui resolver o problema.quero pegar o valor de dois inputs e criar um objeto com ele e depois guardar em um array,e depois digitar outros valores e fazer o mesmo,so que esta duplicando e não guardando cada objeto. aqui e meu html:
obj = {}
n1 = []
function pessoa() {
obj.nome = document.getElementById('nome').value
obj.idade = document.getElementById('idade').value
n1.push(obj)
console.log(n1)
document.getElementById('res').innerHTML += `O nome digitado foi ${obj.nome} e a idade foi ${obj.idade}</br>`
document.getElementById('nome').value = ""
document.getElementById('idade').value = ""
}
<div class="container">
<input type="text" id="nome">
<input type="number" id="idade">
<input type="button" value="enviar" onclick="pessoa()">
<div id="res"></div>
</div>
no html esta armazenando,mais quando olho no console esta duplicado o array de objetos