@volerass

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

Мне нужно чтобы при нажатии кнопки,данные с полей записовалися в масив обектов через кому,а написал вот код,но у мене они только перезаписываются
<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();
};
  • Вопрос задан
  • 95 просмотров
Решения вопроса 1
@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();
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@dennis_d
стремлюсь к junior front-end developer
как вариант:

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)
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы