Задать вопрос
@volerass
javascript

Как создать масив обектов?

Мне нужно чтобы при нажатии кнопки,данные с полей записовалися в масив обектов через кому,а написал вот код,но у мене они только перезаписываются 
<style>
      * {
        margin: 0px;
        padding: 0px;
      }
      body {
        display: flex;
        justify-content: space-between;
      }
      #one,#two {
        padding-top: 30px;
        padding-left: 80px;
        width: 50%;
        
      }
      #two{
        padding-top: 70px;
      }
      p {
        margin: 20px;
        margin-bottom: 5px;
      }
      input {
        margin: 20px;
        height: 30px;
        margin-top: 0px;
        padding-left: 10px;
        width: 90%;
      }
      #button {
        margin-left: 20px;
        height: 30px;
        width: 80px;
        color: green;
        border: 1px solid green;
        background-color: white;
      }
      #button:hover {
        color: white;
        background-color: green;
      }
    </style>
  </head>
  <body>
    <div id="one">
      <p>Login</p>
      <input type="text" placeholder="First name" id="login" />
      <p>Password</p>
      <input type="password" placeholder="Password" id="password" />
      <p>Email address</p>
      <input type="email" placeholder="Email addres" id="email" />
      <button id="button">Add user</button>
    </div>
    <div id="two">
        <hr/>
    </div>

let login = document.getElementById("login");
let password = document.getElementById("password");
let email = document.getElementById("email");
const vLogin = /^[a-zA-Z]{4,16}$/;
const vEmail = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
const vPassword = /^[a-zA-Z0-9]{8,15}$/;
let button = document.getElementById("button");
vLogin.test(login.value);
vEmail.test(email.value);
vPassword.test(password.value);

document.getElementById("button").onclick = () => {
  addUser = () => {
    const obj = [
      {
        login: login.value,
        email: password.value,
        password: email.value,
      },
    ];
    console.log(obj);
    login.value = "";
    email.value = "";
    password.value = "";
  };
  addUser();
};
  • Вопрос задан
  • 110 просмотров
3 комментария
Подписаться 1 Простой 3 комментария
Решения вопроса 2
@andreysuha
Что то знаю 
const obj = [ ];

document.getElementById("button").onclick = () => {
  addUser = () => {
   obj.push({
        login: login.value,
        email: password.value,
        password: email.value,
      })
    console.log(obj);
    login.value = "";
    email.value = "";
    password.value = "";
  };
  addUser();
Ответ написан
Комментировать
Комментировать
@dennis_d
One Love, One Front-End
как вариант:

let login = document.getElementById("login");
let password = document.getElementById("password");
let email = document.getElementById("email");
const vLogin = /^[a-zA-Z]{4,16}$/;
const vEmail = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
const vPassword = /^[a-zA-Z0-9]{8,15}$/;
let button = document.getElementById("button");


let usersArray = [];

function addUser(array) {
    vLogin.test(login.value);
    vEmail.test(email.value);
    vPassword.test(password.value);

    const user = {
        login: login.value,
        email: password.value,
        password: email.value,
    }
    array.push(user)

    login.value = '';
    email.value = '';
    password.value = '';
}

function saveUsers() {
    addUser(usersArray)
    console.log(usersArray)
}

button.addEventListener('click', saveUsers)
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Developer (backend / fullstack)
Brightdata • Тель-Авив
от 5 500 до 6 500 $
Ещё вакансии
Заказы с Хабр Фриланса
Многопотоковый запуск игры
07 мая 2024, в 19:34
10000 руб./за проект
Сделать frontend для web-app бота в Телеграмм
07 мая 2024, в 18:48
5000 руб./за проект
Многооконный запуск Гта 5
07 мая 2024, в 18:23
20000 руб./за проект
Ещё заказы