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

такая же длинная макаронина получилась:

[...arr.reduce((acc, c) => (acc.set(c, (acc.get(c) ?? 0) + 1), acc), new Map()).entries()]
  .sort((a, b) => b[1] - a[1]).map((el) => el[0])

Собрать словарь (значение: счётчик), из него массив пар [key, value] отсортировать по убыванию второго; оставить только первые.

План-А: отсортировать перед сравнением

const areEqual = (arrA, arrB) => {
  if (arrA.length !== arrB.length) return false;
  const a = arrA.slice().sort(), b = arrB.slice().sort();
  return a.every((el, i) => el === b[i]);
}

План-Б: хэш-таблица (значение: число элементов с таким значением). Посчитать в одном массиве, в другом, сравнить: должны совпасть. Это решение отлично реализовал в своём ответе 0xD34F

План-Х: удалять из копий совпадения по одному. Этот вариант неэффективен. Приведён для развлечения.

const areEqual = (arrA, arrB) => {
  if (arrA.length !== arrB.length) return false;
  const a = arrA.slice(), b = arrB.slice();
  while (a.length) {
    const i = b.indexOf(a.pop());
    if (-1 === i) return false;
    b.splice(i, 1);
  }
  return true;
}

в setTimeout() первым параметром надо передавать функцию, которая выполнится только там когда-то.

setTimeout(
            () => $('.success-message').css({

Эффект наз. starfield, вот разбирают как сделать на canvas. В простом виде: летят точки. Для красоты надо их сделать меньше числом, но каждой добавить размытие-свечение.

Пока сделал растущими кружками без эффектов.
Теперь надо чтобы кружок по мере движения вспыхивал и гас. Такой эффект как на гифке фильтром блюра не сделать. Попробую рисовать много окружностей с полупрозрачностью и разными радиусами и разным цветом для создания градиентных таких шаров..

Используя полупрозрачность и режимы наложения, можно отрисовав кругов 20 получить интересные эффекты:

Объявить метод статическим:

class Name1 {

  static method1() {
    console.log(1);
  }

}

class Name2 {

  method2() {
    Name1.method1();
  }

}

const N2 = new Name2();

N2.method2()

Можно трансформировать canvas: сжать по вертикали и повернуть на 45°. Теперь, если рисовать квадраты — получатся ромбики!

Только Y-координата идёт сверху вниз – тут уж сами разберётесь. Наклоните голову влево, чтобы сориентироваться )


А тут можно перемещаться стрелочками и A-S-D-W. Кликните внутри фрейма, чтобы клавиши заработали:

getElementsByClassName возвращает HTMLCollection.

Попробуйте document.getElementsByClassName('xxx')[0].click();

Бардачный код: переменные не объявлены. В s попадает элемент span, а не значение.

Тут вроде заработало.

Если я правильно понял вопрос:

const elements = { // сюда складывать элементы
  list: [],
  btn: [],
};

function pushItem() {
    const div = document.createElement('div'); // временный родитель
    div.innerHTML = `<div class="listItem">${items.pop()}<button class="delete">Отменить</button></div>`;

    elements.list.push(div.querySelector('.listItem');
    elements.btn.push(div.querySelector('.delete');

    // перенести из временного в постоянный
    while (div.childNodes.length) { // с запасом: вдруг там несколько элементов
        list.appendChild(div.childNodes[0];
    }
};

Создать временный элемент, в который впихнуть разметку.
Свежесозданные элементы для вставки «в массив» отыскать в этом временном контейнере и положить в массив.
Перенести созданое из временного в рабочий видимый элемент.

Потому, что kol это индекс не в массиве, а в команде юзера. Обычно эта команда идёт прямо с начала строки, т.е. с индекса 0.

Надо просто exitElement = words[i]

id действительно должен быть уникальным. Нельзя делать несколько элементов с однаковым id.

Disclaimer. Не делайте так:

Можно добавлять по 7 дней объекту Date. Месяцы-годы он сам скорректирует.

В стилях поменяйте float: left на float: right

Если это вопрос на собеседовании, вы его провалите, т.к. там есть ещё один момент, из-за которого шары расположатся не равномерно, а 2 + 3.