Как я могу получить доступ к массиву объектов после того, как пользователь отправил их имя в форме?
У меня есть простое текстовое поле и кнопка отправки. Я бы хотел, чтобы пользователь представил свое имя и сохранил это имя в массиве объектов, к которым я могу получить доступ по всему миру. Когда я console.log массив после того, как пользователь отправляет свое имя, я получаю пустой массив. Есть ли способ получить доступ к массиву с объектами, хранящимися изнутри?
Вот мой код:
let submitBtn = document.getElementById('submit_btn');
let form = document.getElementById('form')
let nameField = document.getElementById('userName');
let userList = [];
const addUser = (e) => {
e.preventDefault();
let user = {
name: nameField.value
}
form.reset();
userList.push(user);
console.log('Inside addUser: ', userList);
//localStorage.setItem('userList', JSON.stringify(userList));
}
document.getElementById('submit_btn').addEventListener('click', addUser);
console.log('Outside addUser: ', userList);
<form id="form">
<input type="text" id="userName" placeholder="enter your name">
<button type="submit" id="submit_btn">submit</button>
</form>
Спасибо за ваше руководство