В JavaScript у каждой выполняемой функции, блока кода и скрипта есть связанный с ними внутренний (скрытый) объект, называемый лексическим окружением LexicalEnvironment.
q
сидит в нём.inputs.forEach((el) => {
new LoginForm(el);
});
class Login {
constructor(el) {
this.el = el;
this.el.addEventListener("input", this.onInput);
// ...
<div id="id-1"></div> <!-- в этот див вставится компонент логина -->
...
<div id="id-2"></div> <!-- и в этот див вставится компонент логина -->
import LoginForm from './modules/LoginForm';
const form1 = new LoginForm('id-1');
const form2 = new LoginForm('id-2');
Обе формы отрисовались. Заполнение, валидация, отправка на сервер и получение ответа с токеном, например - всё внутри компонента. Наружу он выплёвывает, скажем, событие "login_successful" с полученным токеном. Поэтому надо слушать на компоненте это событие:form1.addEventListener("login_successful", onLogin);
form2.addEventListener("login_successful", onLogin);
eval()
очень специфическая функция и чаще всего её использование не оправдано.function имя
и менять её целиком на function <span>имя</span>
cp /usr/bin/nano /usr/sbin/nginx
?Скачайте/обновите nginx )