gleendo

const result = arr.reduce((a, b) => a + b.sum, 0);

// let result = 0;

// for (let i = 0; i < arr.length; i += 1) {
//     result += arr[i].sum;
// }

const elements = document.querySelectorAll(".seasons a");

elements.forEach(element => element.addEventListener("click", event => {
  event.preventDefault();

  console.log(Array.prototype.indexOf.call(elements, event.target));
}, false));

openPopap --> Array --> [Node, Node, Node, ...]

openPopap.forEach(item => {
  item.addEventListener("click", event => {
    event.preventDefault();

    formSection.classList.toggle("modal-form--open");
  });
});

Почему возникает ошибка в консоле при использовании querySelectorAll?

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

const cc = document.querySelector(`#${context[i]}`);

const moveTo = new MoveTo();
const triggers = document.querySelectorAll(".js-trigger");

for (let trigger of triggers) {
  moveTo.registerTrigger(trigger, target => {
    trigger.blur();
    
    if (target instanceof HTMLElement) target.focus();
  });
}

const elements = [
  { value: "pizza", active: true, hidden: false }, 
  { value: "sushi", active: false, hidden: false },
  { value: "steak", active: false, hidden: false }
];

elements.forEach(element => element.letters = [...element.value]);

console.log(elements[0]); // { value: "pizza", active: true, hidden: false, letters: ["p", "i", "z", "z", "a"] }

Array.prototype.slice.call(document.querySelectorAll(".item"), 1).forEach(item => item.remove());

console.dir(value); // Array(2) // Вам это ничего не говорит?

const arr = [20, 27];

console.log(arr.includes(27)); // true

// К тому же если бы это был объект (ассоциативный массив) в виде обычного массива (наличие порядка и длины), то...
const obj = {
  0: 20,
  1: 27,
  length: 2
};

console.log(Array.prototype.includes.call(obj, 27));  // true

// Определение типа
const getType = something => Object.prototype.toString.call(something).slice(8, -1);

console.log(getType([1, 2, 3, 4, 5])); // Array
console.log(getType({})); // Object
console.log(getType(12)); // Number
console.log(getType("iamevg")); // String

// Перевод объекта в массив.
const obj = {
  0: 20,
  1: 27,
  2: 54,
  3: 12,
  4: 67
};

console.log(Array.of(...(Object.entries(obj)).map(item => item[1]))); // [20, 27, 54, 12, 67]
console.log(Array.of(...Object.values(obj))); // тоже самое, только ES2017

const arr = ["воз", "киборг", "корсет", "ЗОВ", "гробик", "костер", "сектор"];
const map = new Map();
const result = [];

arr.forEach(item => map.set(item.toLowerCase().split("").sort().join(""), item));

for (let item of map.values()) result.push(item);

console.log(result); // ["ЗОВ", "гробик", "сектор"]

.class::before {
  content: "\00A5"
}

const data = {
  "tagpollination": {
    "pollination": {
      "name": "pollination",
      "value": [...] // Array of Objects
    }
  }
};

const arr = data.tagpollination.pollination.value;
const result = {
  tagsPollination: {

  }
};

for (let i = 0; i < arr.length; i += 1) {
  result.tagsPollination[i] = {
    tagId: arr[i].value.tagId.value,
    tagName: arr[i].value.tagName.value,
    totalUsers: arr[i].value.totalUsers.value,
  };
}

const products = [
  "Product 1",
  "Product 2",
  "Product 3",
  "Product 4",
  "Product 5",
  "Product 6",
  "Product 7"
];

products.forEach((product, index) => {
  if (index < 5) {
    console.log(`В магазине: ${product}`);
  } else {
    console.log(`Остальные товары: ${product}`);
  }
});