Stalker_RED

Я немного добавил наглядности

function one() {
  const oneVar = 'Hello!'
  let counter = 0;
  console.log('функция one работает прямо сейчас, в счетчике', counter)

  function two() {
    console.log(oneVar, ++counter)
  }
  
  console.log('функция one почти завершилась, в счетчике все еще ', counter);
  return two
}

const three = one();
console.log('функция one точно завершилась, даже return сработал');
console.log('в переменной three сейчас функция two()');
console.log(three);


three();
three();
three();
console.log('обожемой, мы видим как менялась переменная в уже завершенной функции. чераная магия? нет - это называется замыкание!');

выхлоп:

"функция one работает прямо сейчас, в счетчике", 0
"функция one почти завершилась, в счетчике все еще ", 0
"функция one точно завершилась, даже return сработал"
"в переменной three сейчас функция two()"
function two() {
  console.log(oneVar, ++counter)
}
"Hello!", 1
"Hello!", 2
"Hello!", 3
"обожемой, мы видим как менялась переменная в уже завершенной функции. чераная магия? нет - это называется замыкание!"

let num = '12345678910111213';
const x = Number(num); // преобразуем в число или NaN
console.log(x < 1e12)

если возможны отрицательные числа, то x > -1e12 && x < 1e12

И почему нам Map.values() и Map.keys() возвращает пустой итерируемый объект?
Для чего это?
Нам всё равно потом приходится преобразовывать его в массив, чтобы получить данные и с ними уже что-то делать

Делается он для экономии памяти, потому что нет смысла создавать ещё один массив с теми-же данными или ключами. Обычно можно итерироваться по тому самому "итерируему объекту", а преобразовывать в массив нужно реже.

- как запретить добавлять товар, если он уже добавлен

Сходу вижу три способа (их больше но это простые):
1. перед копированием перебирать уже добавленные элементы, искать такой-же, выводить ошибку типа "такой уже добавлен". Придется перебрать все, прочитать из них номер, сравнить.
2. создать массив в котором хранить ссылки на те элементы, которые вы клонируете.
Не надо перебирать DOM, просто проверка if (myArr.includes(elem)) {}
3. У уже добавленного элемента убирать плюсик.

- как заменить "+" на "-" для товара, который уже добавлен

1. Можно просто найти спан с плюсиком и заменить текст в нем. (в будущем наверное там будет не текст, а иконка, но смысл тот-же).
2. Можно через CSS.

спаны удалил, добавил три правила в css, удаление не делал:

Попробуйте повесить слушателей не на сами элементы, а на их родительский контейнер. Хоть сразу на document.
https://jsfiddle.net/pjyhgae8/

Ещё можно MutationObserver, но тоже не всегда срабатывает.

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

const order = [5, 10, 2];
const parent = document.querySelector('ul');
const sorted = [];
[...parent.children].forEach(el => {
  sorted[order.indexOf(+el.className.match(/lang-item-(\d+)/)[1])] = el;
});
sorted.forEach(el => parent.appendChild(el));

вы меня не поняли, мне нужно узнать как сравнить БОЛЬШЕ двух массивов. На ресурсах, предложенных вами есть сравнение только двух массивов, это я и сам нашел.

Нужно больше конкретики, что и с чем вы хотите сравнить и сколько массивов всего (хоть примерно).

Если сравнить каждый с эталонным, то просто пишете функцию сравнения и запускаете ее в цикле для всех.
Предположим есть массивы myArrays = [a, b, c,d, e, f]; и нужно сравнить их все с "a"

for( let i = 1; i < myArrays.length; i++) {
  myCompareFunc(a, myArrays[i]);
}

Предположим вы решили сравнить все со всеми, и у вас этих массивов заметно побольше двух. Тогда все сложно, и вот почему:
предположим у вас три массива a, b, c.
Тогда сравнить надо ab, ac, bc. Ввсего три сравнения, все просто.
Предположим их четыре: a,b,c,d. Тогда сравнений будет ab,ac,ad,bc,bd,cd. Шесть штук, норм.
Предположим, что нужно шесть сравнить. (a,b,c,d,e,f)
ab,ac,ad,ae,af,bc,bd,be,bf,cd,ce,cf,de,df,ef - пятнадцать штук. Вы уже начинаете что-то подозревать?
6! / ((6-2)! * 2)
Это называется сочетания.
Уже для 10 будет
10! / ((10-2)! * 2) = 45 сочетаний, и дальше это число будет расти.

Чтобы option не отображал, почту можно вырезать.

document.querySelectorAll('#ChildGanderNameFilterId option')
  .forEach(el => {
    el.textContent = el.textContent.replace(/\s\S+@\S+/, '')
  });

Чтобы какой-то инпут что-то там отображал, добавьте для начала этот инпут. У вас эти данные нигде кроме разметки не сохранены? Можно их не просто вырезать, а сохранить в какой-нибудь массив, или в data-атрибуты переписать.