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

Простой
Только на мобильной версии сайта не работает отправка формы на почту?
- 1 подписчик
- 09 июл.
- 173 просмотра
2

ответа
JavaScript

Простой
Как добавить ограничение на перемещение с transform translate?
- 1 подписчик
- 08 июл.
- 110 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как сделать, чтобы на сайте картинка при нажатии открывалась в большом размере а при повторном щелчке возвращалась к исходнику? В HTML?
- 1 подписчик
- 07 июл.
- 788 просмотров
5

ответов
JavaScript

+3 ещё

Простой
Как открыть ссылку из html-файла на диске в той же вкладке браузера?
- 1 подписчик
- 07 июл.
- 189 просмотров
2

ответа
JavaScript

+2 ещё

Средний
Как сделать такой эффект фона на css/js?
- 2 подписчика
- 06 июл.
- 1569 просмотров
0

ответов
HTML

+1 ещё

Простой
Как лучше задать размер элемента, + как сделать треугольник в виде плеера?
- 1 подписчик
- 06 июл.
- 90 просмотров
0

ответов
JavaScript

Простой
Как отображать HTML в виде текста, но и не поломать markdown?
- 1 подписчик
- 03 июл.
- 168 просмотров
1

ответ
JavaScript

+1 ещё

Средний
Как создать плиточное меню WP с различным кеглем, по мере варьирования числа постов в категориях?
- 1 подписчик
- 02 июл.
- 124 просмотра
1

ответ
HTML

+1 ещё

Простой
Как соединить кнопку и форму вместе?
- 1 подписчик
- 01 июл.
- 129 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как можно получить такой список ссылок?
- 1 подписчик
- 01 июл.
- 243 просмотра
0

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

Старший Frontend (JavaScript) разработчик

Vital Partners

от 350 000 до 400 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 150 000 ₽

Front-End developer (JavaScript, jQuery)

Karma8

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

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

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

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

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

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