При клике в массив добавляются не все значения [дубликат]

На данный вопрос уже ответили: Как вернуть значение из события или из функции обратного вызова? Или хотя бы дождаться их окончания 3 ответа Есть input, куда вводиться значение и при нажатии на кнопку, происходит обработка клика. При этом при каждом клике, значение input должно записаться в массив values, но почему-то записывается только первое значение, а остальные нет. В чем проблема?
let values = []; let typeName = document.querySelector('#type_user_name'); let addUser = document.querySelector('#add_user');
addUser.addEventListener('click', () => {
values.push(typeName.value);
});
console.log(values);

Ответ

let values = []; let typeName = document.querySelector('#type_user_name'); let addUser = document.querySelector('#add_user'); addUser.addEventListener('click', () => { values.push(typeName.value); console.log(values); // output inside click });