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

Question

Дмитрий Воробйов @dimasik2002

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

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

submit.addEventListener

Вопрос задан вчера
63 просмотра

7 комментариев

Подписаться 1 Простой 7 комментариев

Roman @Kypidon4ik

код скринами, гениально )

Написано вчера

Дмитрий Воробйов @dimasik2002 Автор вопроса

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);

<!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>

Написано вчера

Дмитрий Воробйов @dimasik2002 Автор вопроса

Roman, vot cod

Написано вчера
maksam07 @maksam07

Дмитрий Воробйов, spasibo

Написано вчера
Roman @Kypidon4ik

Дмитрий Воробйов, уважаемы, не в комментарии к вопросу , а в сам вопрос нужно код вставлять. Пока что вы нарушаете туташние законы

Написано вчера
VoidVolker @VoidVolker Куратор тега JavaScript

Дмитрий Воробйов дубль номер два: будьте любезны перечитать правила и оформить вопрос в соответствии со всеми правилами. 3.2 3.8 5.12. В противном случае вопрос будет удалён.

Написано вчера
Сергей delphinpro @delphinpro Куратор тега JavaScript

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

как вы это поняли?

Написано вчера

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

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

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

JavaScript

+3 ещё

Простой
Как открыть vimeo видео в модальном окне?
- 1 подписчик
- 3 часа назад
- 22 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Как добавить AutoPlay для видео в модальном окне?
- 1 подписчик
- 4 часа назад
- 49 просмотров
1

ответ
HTML

+1 ещё

Простой
Как реализовать переход с Bootstrap 3 на Bootstrap 5?
- 1 подписчик
- 8 часов назад
- 68 просмотров
1

ответ
JavaScript

Средний
Действительно ли скрипт на этом сайте не работает?
- 1 подписчик
- 21 час назад
- 89 просмотров
1

ответ
JavaScript

+4 ещё

Простой
Как реализовать запуск видео на сайте по клику видео YouTube/Vimeo на bootstrap?
- 1 подписчик
- вчера
- 67 просмотров
1

ответ
JavaScript

Простой
Как скрипт tampermonkey заставить выполняться уже после ublock?
- 1 подписчик
- 10 июн.
- 78 просмотров
0

ответов
HTML

+1 ещё

Простой
Как сверстать такую кнопку?
- 1 подписчик
- 07 июн.
- 2196 просмотров
3

ответа
JavaScript

+1 ещё

Простой
Не корректно считает высоту pdf puppeteer?
- 2 подписчика
- 06 июн.
- 192 просмотра
0

ответов
HTML

Простой
Как можно избежать повторной отправки формы на сайте при переходе назад и вперед мышью?
- 2 подписчика
- 05 июн.
- 753 просмотра
2

ответа
Показать ещё Загружается…

Уверенный программист JavaScript

novaArt

от 100 000 до 180 000 ₽

Senior Frontend (JavaScript) разработчик

Vital Partners

от 350 000 до 400 000 ₽

Fullstack-разработчик (PHP/JavaScript)

Rubrain.com • Москва

от 250 000 до 280 000 ₽

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);

<!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>
Дмитрий Воробйов, уважаемы, не в комментарии к вопросу , а в сам вопрос нужно код вставлять. Пока что вы нарушаете туташние законы
Дмитрий Воробйов дубль номер два: будьте любезны перечитать правила и оформить вопрос в соответствии со всеми правилами. 3.2 3.8 5.12. В противном случае вопрос будет удалён.
не работает эта часть кода

как вы это поняли?

Answer 1 · 2025-06-11 22:46:43

1) Код должен дождаться загрузки всего документа, если вы собираетесь работать с его элементами. Используйте евенты загрузки документа.
2)

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

Нормально описывайте что происходит, "не работает" это не описание проблемы, что пишет консоль, какие ошибки? Описывайте в вопросе.
3) Соответственно читайте ошибки, думайте что могло пойти не так, вбивайте ошибку в поиск и читайте решения.

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

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

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

Минуточку внимания

Войдите на сайт