Как создавать компонент/модуль проекта на чистом JavaScript?

iordania, не понятно: задача создать компонент? Например, виджет авторизации, который можно и несколько раз вставить на странице. Или просто обернуть в JS-модуль JS логику, которая привяжется к фиксированной разметке, которая уже и так присутствует в странице?

С первым вариантом использование могло бы быть такое:
HTML:

<div id="id-1"></div> <!-- в этот див вставится компонент логина -->
...
<div id="id-2"></div> <!-- и в этот див вставится компонент логина -->

JS:

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

Как создавать компонент/модуль проекта на чистом JavaScript?

Начальный подход в вопросе, когда HTML разметка компонента лепится пластырем куда-то в документ, или изначально находится в нём (откуда?), и потом на неё вешаются слушатели событий – плох отсутствием, собственно, модульности.

Как создавать компонент/модуль проекта на чистом JavaScript?

iordania, так вот, Shadow DOM. Позволяет полностью отделить ваш компонент от DOM-дерева документа.
Внутри компонента можете использовать id, не опасаясь конфликтов с повторениями в документе.
Ловить внутри события.

Почему в данном примере не работает регулярное выражение?

Muranx, eval() очень специфическая функция и чаще всего её использование не оправдано.
В этом вопросе её применение точно ни к чему. Да, так работает. Можно обернуть в ещё кучу лишних методов, чтобы всё ещё работало. Но это лишнее.

Почему в данном примере не работает регулярное выражение?

Muranx, брать парочку function имя и менять её целиком на function <span>имя</span>

И, возможно, лучше передвинуть это правило в начало.

Приём международных платежей на сайте. Варианты?

какие адрес и телефон указать при регистрации будто-в-штатах?

Как сделать алгоритм на основе матрицы для рационального использования площади?

1Danshin1, оптимальное решение ищется полным перебором всех вариантов. Самому писать код – придётся.

Разбить группу из 100 людей по 5, чтобы все перезнакомились?

Кажется, это близко к проблеме школьниц (гуляют по трое, в течение недели должны перегулять каждая с каждой) и social golfer problem (32 игрока, в группе по 4, не оказаться дважды с одним игроком в одной группе)

И на масштабе в 100 «школьниц» и аж 5 за столом, возможно, претендует на Нобелевскую премию (или Дарвина?..)

Как объдинить объект JS?

вот это что да дичь? Оно же не так работает

let alles2 = $.ajax({
    // ...
    success: async (data) => {
        return await data
    }
})

Что не так в коде, почему NaN?

костыльный вариант:

// считаем числа
A_kzg = (L_g * (Math.pow(W_kzg,2)) * R_g/(2 * (D_vn - D_n)));
A_tg = (0.0244 * (Math.pow(W_tg,2)) * R_d/(2 * Nkt_vn));
N_pr = ((Q_st - 0.1) * 1000000/(9.81 * (R_d - R_g) + A_kzg + A_tg));

// форматируем в строки
A_kzg = A_kzg.toFixed(1);
A_tg = A_tg.toFixed(2);
N_pr = N_pr.toFixed(1);

Что не так в коде, почему NaN?

asdasa21, в вопросе вы никак не прояснили, откуда эти переменные со странными названиями. И куда.

Как можно оптимизировать в JS покадровую анимацию на Canvas?

Сергей, поверхностный гуглинг навёл, что "Image Decode" происходит и при анимации объекта поверх картинки.

Поясните подробнее, что там у вас – чтобы по комментариям не собирать крупицы. Как я уже понял, размеры каждой из канв — под 2000x2000px? В них отрисовываются кадры с прозрачностью. Ещё какой-то контент - где - под/над канвой? В чём вообще смысл затеи? Почему важнее прорисовка каждого из кадров, чем сохранение реалистичного тайминга?

Как изменить разрешения видео файла при склейке?

onlinejunior, ну разбейте на две операции: сначала склеивание, затем фильтры.
По отдельности склеивание работает?

ffmpeg -i img.png -i 2.mp4|4.mp4

вот это что вообще?

Как изменить разрешения видео файла при склейке?

Как именно "растянуть до 1980" ? Чтобы занимал всю ширину, но отрезались верх и низ?
Или вписать в 1980х1080, но будут пустые полосы по бокам или сверху-снизу?
Или вписать, но заполнить пустоты размытой копией видео, как это делают на ТВ при демонстрации вертикального видео с мобильников?

Как можно запрограммировать гравитацию?

mayton2019, по (битой) ссылке в вопросе пишут

в реальных играх объекты не взаимодействуют по принципу каждый с каждым.

Как можно запрограммировать гравитацию?

Да все ж просто: в любом кадре известны массы-скорости, и можно посчитать положения тел в следующем кадре.
Плюс правило, что если расстояние между 2 или больше, оказалось меньше порога, они сливаются в одно.

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

Как конвертировать текст в строку (последовательность) вида \xNN?

не нужен никакой decodeURIComponent()
введите в консоли

'\x2F\x70\x61\x72\x74\x6E\x65\x72\x73\x2F\x61\x6A\x61\x78\x2E\x70\x68\x70'

получится сразу "/partners/ajax.php"

Линейная интерполяция?

дельта определена в оси Y (зелёные) или это не график, а траектория, и дельта перпендикулярна к пути в данной точке (красные)?

Как подсчитать вероятность ответить верно хотя бы на 1 вопрос в тесте?

xmoonlight, тогда почему это не в комментарии к моему ответу, например?
Угомонись уже.

Как подсчитать вероятность ответить верно хотя бы на 1 вопрос в тесте?

xmoonlight, мы техническую тему или мою персону уже обсуждаем?