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

Question

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

Не работает эта чатсть 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

Вопрос задан 11 июн.
134 просмотра

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

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

Roman @Kypidon4ik

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

Написано 11 июн.

Дмитрий Воробйов @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>

Написано 11 июн.

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

Roman, vot cod

Написано 11 июн.
maksam07 @maksam07

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

Написано 11 июн.
Roman @Kypidon4ik

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

Написано 11 июн.
VoidVolker @VoidVolker Куратор тега JavaScript

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

Написано 11 июн.
Сергей delphinpro @delphinpro Куратор тега JavaScript

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

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

Написано 12 июн.
leMar @leMar
Если коротко, вот так должно быть.

<script src="js/js.js"></script> </body>
Написано 13 июн.
Leonid @3des

let submit = document.getElementById('submit'); почему не используете?

Написано 21 июн.

Решения вопроса 1

1 комментарий

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

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

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

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

JavaScript

Простой
Как получить переменную из esm-модуля?
- 1 подписчик
- 6 часов назад
- 78 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать так чтоб push уведомления отправлялись в фоне при открытом но неактивном pwa приложении?
- 1 подписчик
- 7 часов назад
- 26 просмотров
0

ответов
JavaScript

+2 ещё

Средний
Есть для готовый плагин для проверки css-переменных со следующими фичами (см. описание)?
- 1 подписчик
- 9 часов назад
- 38 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Каким образом отлавливать и корректно устранять конкурирующие запросы javascript на сайте?
- 1 подписчик
- 21 июл.
- 377 просмотров
1

ответ
JavaScript

Простой
Как улучшить изображение от генерации pdf в изображение?
- 1 подписчик
- 21 июл.
- 97 просмотров
1

ответ
JavaScript

Простой
Как в javascript сделать увеличение последующего значения на определенное число?
- 1 подписчик
- 19 июл.
- 206 просмотров
2

ответа
HTML

+1 ещё

Простой
Как прижать нижние колонки к низу родительского блока?
- 4 подписчика
- 19 июл.
- 1937 просмотров
3

ответа
JavaScript

+1 ещё

Средний
Почему при отправке HTML-формы страница открывается в новом окне?
- 2 подписчика
- 18 июл.
- 152 просмотра
0

ответов
JavaScript

+1 ещё

Простой
Как сделать zoom в smartslider?
- 1 подписчик
- 16 июл.
- 52 просмотра
0

ответов
JavaScript

Простой
Переменная, созданная в разных местах работает в addEventListener по-разному, почему?
- 2 подписчика
- 16 июл.
- 193 просмотра
2

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

JavaScript Developer (NGFW)

Лаборатория Касперского

Frontend developer (JavaScript, jQuery)

Karma8

от 150 000 до 320 000 ₽

JavaScript Developer (KSC)

Лаборатория Касперского • Москва

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. В противном случае вопрос будет удалён.
не работает эта часть кода

как вы это поняли?
Если коротко, вот так должно быть.

<script src="js/js.js"></script> </body>
let submit = document.getElementById('submit'); почему не используете?

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

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

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

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

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

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

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

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

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