Что делает этот код?

Question

[Aodhan]

Как по этому отрывку понять, что делает этот код? Нужно написать такой же для поля логина.

const changeValue = (element, value) => {
const event = new Event('input', { bubbles: true })
element.value = value
element.dispatchEvent(event)
}

var elem = document.querySelector('input[type="password"]');
changeValue(elem, 'mypassword');

Comments

[Роман Александрович]

а где код?

[Aodhan]

Роман Александрович, дополнил

Answer 1

[Антон Спирин]

Симуляция пользовательского ввода.

Comments

[Aodhan]

Можно с пояснениями?

[Антон Спирин]

Aodhan, пояснения:
Функции
Event
EventTarget.dispatchEvent()
HTMLInputElement
querySelector

Answer 2

[Андрей Hecc]

Это Custom Event.
https://developer.mozilla.org/ru/docs/Web/API/Cust...

Создается кастомное событие, в объект этого события передается значение и после оно вызывается на том элементе, которое было передано в функцию changeValue.
Единственное, что странно - это название этого ивента "input", он дублирует браузерное событие - не будет ли конфликтов.

UPD. Немного не досмотрел, это не Custom event, а обычный. Но суть остается та же:

Comments

[Aodhan]

Это форма логина на сайте. Мне ее по этому куску допилить нужно) Это пояснение человека.
Смотрите: когда телефон вводим руками, а пароль вводим скриптом из консоли - то кнопка войти активируется. Но если сделать наоборот - пароль руками, а номер телефона - скриптом - то кнопка не активируется

[Aodhan]

И думай теперь сиди

[Андрей Hecc]

Aodhan, Выложите код в песочницу какую-то, так что бы можно было глянуть картину целиком.
По тому куску что вы скинули, идет работа с событиями и вызов этого события на каком-то элементе.

[Aodhan]

Андрей Hecc, это все, что есть на руках. Сидим вот с заказчиком паримся. Пытаюсь выпытать у него инфу

[Антон Спирин]

Aodhan, посоветуйте заказчику нанять программиста.