Задать вопрос

Не работает эта чатсть submit.addEventListener?

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <script src="js/js.js"></script>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/css.css">
    <title></title>
  </head>
  <body>
    <div class="container">
      <div class="lgps">
        <ul>
          <li><input type="text" name="login" value=""
            placeholder="login"
            id="login">
          </li>
          <li><input type="password" name="password" value=""
            placeholder="password"
            id="password">
          </li>
        </ul>
        <div class="submits">
          <button type="submit" name="button"
          id="submit">OK</button>
        </div>
      </div>
    </div>
  </body>
</html>

let login = document.querySelector('#login');
let password = document.querySelector('#password');
let submit = document.querySelector('#submit');

let users = {};

function User(login, password) {
  this.login = login;
  this.password = password;
}

function creatId(users) {
  return Object.keys(users).length;
}

submit.addEventListener('click', () => {
const loginUser = login.value;
const passwordUser = password.value;

const user = new User(loginUser, passwordUser);

const userId = 'User' + creatId(users);
users[userID] = user;

console.log(users);


не работает эта часть кода

submit.addEventListener
  • Вопрос задан
  • 131 просмотр
Подписаться 1 Простой 9 комментариев
Решения вопроса 1
ThunderCat
@ThunderCat Куратор тега JavaScript
{PHP, MySql, HTML, JS, CSS} developer
1) Код должен дождаться загрузки всего документа, если вы собираетесь работать с его элементами. Используйте евенты загрузки документа.
2)
не работает эта часть кода
Нормально описывайте что происходит, "не работает" это не описание проблемы, что пишет консоль, какие ошибки? Описывайте в вопросе.
3) Соответственно читайте ошибки, думайте что могло пойти не так, вбивайте ошибку в поиск и читайте решения.

В вашем случае скорее всего достаточно добавить евент загрузки DOM...
И код скринами запрещен правилами сервиса.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы