Rsa97

Подключайте как миксин

const Eventable = (Base) => class extends Base {
  // Здесь ваши общие свойства и методы для событий
};

const Popup = Eventable(
  class {
    // Здесь основная часть класса
  },
);
или
class Popup extends Eventable(
  class {
    // Здесь основная часть класса
  },
) { };

const n3 = Math.floor(n / 3);
const n5 = Math.floor(n / 5);
const n15 = Math.floor(n / 15)
const sum = (n3 * 3 * (n3 + 1)  + n5 * 5 * (n5 + 1) - n15 * 15 * (n15 + 1)) / 2;

data.reduce(
  (acc, cur) => (acc[cur.City] ??= [], acc[cur.City].push(cur), acc),
  {}
);

1. Срабатывает then и добавляет в очередь микрозадач свой каллбэк.
2. Срабатывает setTimeout (22222222) и добавляет в очередь макрозадач свой каллбэк.
3. Основной стек пуст, вызывается задача из очереди микрозадач.
4. Срабатывает setTimeout (11111) и добавляет в очередь макрозадач свой каллбэк.
5. Основной стек пуст, очередь микрозадач пуста, вызывается задача из очереди макрозадач.
6. Выводится '22222222'.
7. Основной стек пуст, очередь микрозадач пуста, вызывается задача из очереди макрозадач.
8. Выводится '11111'.
9. Основной стек пуст, очередь микрозадач пуста, очередь макрозадач пуста.

Вы подключили mysql2 в promise-режиме, а используете вызов query с callback-функцией. Выберите что-то одно. Одновременно эти режимы использовать не получится.

Таймер выполняется в конце работы цикла?

Нет. Он инициируется в цикле, а каллбэк ставит в очередь выполнения через секунду после инициации.

Знаю что нужно использовать async await

async/await не рекомендуется использовать в цикле. Лучше переписать функцию с использованием setInterval.

function lightWindow() {
  const numLight = [1, 3, 5, 7, 11];
  const houseLight = [3, 5, 11];
  const lights = numLight.filter((el) => houseLight.includes(el));
  if (lights.length === 0) {
    return;
  }

  let idx = 0;
  const timer = setInterval(
    () => {
      console.log(lights[idx]);
      idx += 1;
      if (idx >= lights.length) {
        clearInterval(timer);
      }
    },
    1000,
  );
}
lightWindow();

Замените
if (e.target.classList.contains('burger'))
на
if (e.target.closest('.burger'))
Тогда будут отлавливаться клики и по дочерним элементам.

const allMax = (arr) => {
  const max = Math.max(...arr);
  return arr.filter((el) => el === max);
}

RTFM

If escape strings are not already part of your pattern you can add them using String.replace:

function escapeRegExp(string) {
  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
}

Math.ceil(x / 1.62) * 1.62

const div = document.createElement('div');
[
  ['text', 'name', 'Введите имя'],
  ['text', 'phone', 'Введите номер телефона'],
  ['email', 'email', 'Введите адрес электронной почты'],
].forEach((d) => {
  const input = document.createElement('input');
  [input.type, input.name, input.placeholder] = d;
  div.appendChild(e);
}
// ...
document.body.appendChild(div);