Сергей Соколов

const dupes = [ '9', '7', 'q', 'q', '9' ]
  .filter((item, _, arr) => arr.indexOf(item) !== arr.lastIndexOf(item));
// [ "9", "q", "q", "9" ]

Element.insertAdjacentHTML()

путаете индекс массива со свойством id в ваших объектах?

const indexArr = users.map(( item, index ) => item.index)

нет у item'а свойства "index". Тогда уж, возвращайте переданный index: (item, index) => index Впрочем, индексы выводить, скорее всего, не нужно — для чего печатать числа от 0 до N.

const fullNames = users.map( fullName ).filter(( item,  index, array ) => {
    return array.indexOf( item ) === index
})

Что здесь происходит: сначала из массива объектов через метод массива .map() создаётся новый массив, состоящий только из полных имён. Функцию fullName() вы не привели в вопросе, но скорее всего, она из item'а делает строку item.name + ' ' + item.lastName

Далее, этот массив фильтруется – остаются только те имена, для которых их индекс в массиве равен индексу первого найденного такого же имени.

Например
массив ['Вася', 'Оля', 'Вася']
Поиск имени "Вася" вернёт 0 - в нулевой позиции он нашёлся. Для первого Васи это ок, он останется. Зато для третьего Васи индекс будет 2, а поиск вернёт всё тот же 0. Так как 2 !== 0, дубликат-Вася вылетает и не попадает в результат.

можно через Math.atan2() посчитать угол из центра на мышку.
Зная угол — найти конец линии фиксированной длины length под этим углом:

const { documentElement: el } = document;
const [cx, cy] = [el.clientWidth / 2, el.clientHeight / 2];
const angle = Math.atan2(y - cy, x - cx);
const length = 50;
const [bx, by] = [cx + length * Math.cos(angle), cy + length * Math.sin(angle)];
// рисуем линию из (cx, cy) в (bx, by)

P.S. Раз у вас логика от центра канвы, может быть удобнее однажды сделать ctx.translate(width/2, height/2) — и центр (0, 0) теперь будет в центре холста.

тут долгая и «дорогая» задача — нахождение суммы делителей числа. У вас в решении для одного (любого) числа она вычисляется по многу раз. Этого нужно избежать.

Составьте словарь: объект или Map, где ключ – сумма делителей. А значение – массив чисел, у которых оказалась такая сумма делителей.

Один раз пройдитесь по диапазону 1 ... 3000 и заполните словарь, посчитав сумму делителей для каждого по одному разу.

Затем остаётся пройти по словарю и набрать из каждого из массивов значений, пары. Например, все простые числа свалятся в массив под ключом 1 (все делятся только на 1 и на себя). {1: [1, 2, 3, 5, 7, 11, 13, ... ], ... } Из этого массива нужно все возможные пары повытаскивать: [1, 2], [1, 3], [1, 5], ..., [2, 3], [2, 5], ...

Ещё оптимизация: при поиске делителей числа есть смысл проверять не до самого числа, а только до его половины. Например, 21: проверить, делится, ли на 2, 3, 4, ... 10 <= (21 / 2 = 10.5) и дальше проверять не нужно.

<button id="toggleActionMute">MUTE</button>

document.getElementById('toggleActionMute').addEventListener('click', () => {
  document.querySelectorAll('video.inst-video').forEach(video => {
    video.muted = true;
  });
});

написать расширение для браузера и заставить всех его установить себе

bublic.forEach(item => {
  const { stock } = item;
  for (const candidate of stock) {
    const appleId = apple.find(appleItem => appleItem.stock.includes(candidate))?.id;
    if (appleId !== undefined) {
      item.appleId = appleId;
      break;
    }
  }
});

локальный сервер, моментальное обновление картинки с изменением кода

Vite JS новее и много быстрее тех же webpack и Parcel

См. в т.ч. deploy на vercel

заменить \n на <br>

Можно сравнивать pathname у ссылок и текущего Location:

[...document.querySelectorAll('a')]
  .filter(a => a.pathname === window.location.pathname)
  .forEach(a => a.classList.add('active'));

- entry: '.src/index.js',
+ entry: './src/index.js',