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

delay() создаёт обёртку над функцией, чтобы выполнить её через какое-то время. При этом старается ничего не сломать – передать все аргументы и сохранить контекст (this) вызова. На всякий случай.

Распутывайте задом наперёд.

f.apply(context, ...) (документация) – вызовет копию функции f() с привязанным к ней контекстом context. Тут так сделали, чтобы наверняка передать контекст. Тот this, что был при вызове delay(), благополучно окажется и у вызываемой через паузу функции.

А дальше смотрите как используют этот delay() – и вспоминайте про this у функций.

Почему бы не наделать тестов:

function delay(f, ms = 500) {
  return function d() {
    setTimeout(() => f.apply(this, arguments), ms);
  };
}

// функция для испытаний, будет выводить this
function testThis(msg) {console.log(msg, this);}

// Test 1
delay(testThis)("Test1"); // Window

// Test 2
const obj = {
  title: 'test 2',
  method:  delay(testThis),
};
obj.method("Test 2"); // obj {title: 'test 2', method: d()}

// Test 3
const test3 = delay(testThis).bind({title: 'test 3'});
test3("Test 3"); // Object {title: 'test 3'}

// Test 4
const maker = delay(testThis);
const M = new maker('Test 4'); // Object { }

const colors = {
  '3': 'red',
  '2': 'green',
  '1': 'blue',
  '0': 'black',
};

const setColor= input => {
  const { value } = input;
  if (colors.hasOwnProperty(value)) {
    input.style.backgroundColor = colors[value];
  }
}

const onInput = e => {
  setColor(e.target);
}

document.querySelectorAll('input')
  .forEach(elem => {
    elem.addEventListener('input', onInput);
    setColor(elem);
  });

песочница

Отфильтровать по искомому id, из оставшихся собрать теги..

arr.filter(el => el.id === 'hero')
  .map(el => `<img src="images/characters/${el.item}/gacha-card" alt="">`)
  .join("\n");

поможет setAttribute("checked", 1) и removeAttribute("checked") на очередном чекбоксе:

точку-с-запятой убрать?

- };
+ }

распишите это вместо однострочника, в несколько строк, и всё получится.

Метод массива push() возвращает новую длину массива, тут ничего не поделаешь.
.apply() там зачем. Это учебное задание?

Что здесь происходит: конструируется новый массив, состоящий из разбитых по запятой подстрок newParentPath и последнего элемента, который был в предыдущем массиве mappedPath.

можно так переписать:

mappedPath = [ ...this.newParentPath.split(', '), mappedPath.pop() ];

Посмотрите, как сделана, например, библиотека jhlywa/chess.js

Разберитесь, попробуйте использовать. Затем приступайте к написанию своей, почерпнув какие-то идеи из готовой.

Live Expressions — можно наблюдать выражения «вживую». Достаточно тыкнуть глазик.

трюк в том, что функция inArray() возвращает ... ещё одну функцию, которую только что создала при вызове:

function inArray(arr) {
  const result = function(x) {
    // внутри этой функции будет ещё и доступен
    // arr, с которым вызвали inArray()
    return arr.includes(x);
  };

  return result;
}

Т.е. вызов inArray() с каким-то массивом возвращает всего лишь ещё одну функцию, которая принимает любой аргумент, но ещё и «запомнила» конкретный arr, с которым её создали.

В вашем примере создаётся функция с массивом: const myFilter = inArray([1, 2, 10]);это свежесозданная функция, которая для любого аргумента возвращает true/false — есть ли это же значение в массиве [1, 2, 10]

const maskCcNumber = num => {
  const str = num.toString();
  const length = str.length;
  const keep = 4;
  if (length < keep) return str;
  const star = '*';
  return str.substring(0, 4) + star.repeat(length - 4);
}

maskCcNumber(454511111111112) // 4545***********

Или в одну строчку

"454511111111112".replace(/(.{4})(.*)/, (_, p1, p2) => p1 + '*'.repeat(p2.length))

см. String.replace()

onClick={(e, item) => ...

так тут ожидается, что по клику передадут вторым аргументом item, но напрасно.

Попробуйте убрать его из аргументов: onClick={e => ...

Месяцы от 0 считаются.

const ddmmyyyyToDate = str => {
  const [d, m, y] = str.split('.');
  return new Date(y, m - 1, d);
}

Использование:

ddmmyyyyToDate('31.05.2022') 
// Date Tue May 31 2022 00:00:00 GMT+0300 (Moscow Standard Time)

Добавьте переменную флаг: let isOnceUsed = false;

В условии проверяйте, что она всё ещё false, и тут же устанавливайте её в true.

Вуаля! — такой велосипед сработает только раз.

У вас клик по div'у уже делает то же, что должна, вероятно, делать и кнопка плюс.
Почему бы не вынести это в отдельную функцию, которую и вызывать в обоих случаях.

Минус сделать можно по аналогии, заменив

-numbers += 1;
+numbers -= 1;

А потом можно избавиться от jQuery, переписать на чистом JavaScript; сделать всего одну функцию, где +1 или –1 это аргумент. Добавить призовую кнопку +100. И установить рекламу новых мышек, чтобы купить взамен перегревшейся )

Топорное решение с временным свойством для сортировки.

Сначала найти самый первый город – тот, который есть только в from, но отсутствует в to. От него пляшем по цепочке, добавляя инкрементируемое свойство для сортировки.
Сортируем, и удаляем временное свойство.

const allFrom = tickets.map(item => item.from);
const allTo = tickets.map(item => item.to);
let city = allFrom.filter(item => !allTo.includes(item)).pop(); // первый город
const w = Symbol(); // чтобы случайно не затереть существующее свойство
let i = 0;
let ticket;
while (ticket = tickets.find(t => t.from === city)) {
  ticket[w] = i++;
  city = ticket.to;
}

// ура! сортировка!
tickets.sort((a, b) => a[w] - b[w]);

tickets.forEach(t => delete t[w]);

const id = [...document.querySelectorAll('body > div')] // только div'ы в корне
  .filter(el => el.textContent === 'Bye, Wrld!') // если весь текст внутри совпадает с искомым
  .map(el => el.id) // взять id
  .pop(); // только последний

console.log(id) // "2"