0xD34F

Как вычислить сумму для одного элемента - очевидно же, умножаем количество на цену:

const getItemSum = item => item.count * item.price;

Дальше надо перебрать массив и сложить суммы каждого. Перебирать массив можно по-разному.

Например, цикл в явном виде:

let sum = 0;
for (let i = 0; i < data.length; i++) {
  sum = sum + getItemSum(data[i]);
}

// или

let sum = 0;
for (const n of data) {
  sum += getItemSum(n);
}

Или, в неявном, с помощью методов массива:

const sum = data.reduce((acc, n) => acc + getItemSum(n), 0);

// или

const sum = eval(data.map(getItemSum).join('+')) || 0;

Или, рекурсия:

const sum = (function getSum(i, n = data[i]) {
  return n
    ? getItemSum(n) + getSum(i + 1)
    : 0;
})(0);

Object.values(tasks.reduce((acc, { user: { id, name }, ...n }) => {
  (acc[id] = acc[id] || { user: { id, name, tasks: [] } }).user.tasks.push(n);
  return acc;
}, {}))

Это [object Object], дефолтное строковое представление объектов. Если первый аргумент, переданный в JSON.parse, не является строкой, он будет в строку преобразован. Вы пытаетесь распарсить объект. Нет необходимости использовать JSON.parse, всё уже как надо.

const pick = (obj, keys) =>
  keys.reduce((acc, n) => (acc[n] = obj[n], acc), {});


const newObj = pick(obj, [ 'username', 'age' ]);

или

const pick = (obj, ...keys) =>
  Object.fromEntries(keys.map(n => [ n, obj[n] ]));


const newObj = pick(obj, 'username', 'age');

Крутое у вас там условие в цикле:

1 < imageData.data.length

Может, всё-таки не 1, а i?

const selectors = {
  wrapper: '.numberQut',
  input: '.qut',
  minus: '.minusQus',
  plus: '.plusQus',
};

const limits = {
  min: 1,
  max: 5,
};

const updateValue = (el, change = 0) =>
  el.value = Math.min(limits.max, Math.max(limits.min, (parseInt(el.value) || 0) + change));

document.addEventListener('click', ({ target: t }) => {
  const change = +t.matches(selectors.plus) || -t.matches(selectors.minus);
  if (change) {
    updateValue(t.closest(selectors.wrapper).querySelector(selectors.input), change);
  }
});

document.addEventListener('input', ({ target: t }) => {
  if (t.matches(selectors.input)) {
    updateValue(t);
  }
});

Object.values(arr.reduce((acc, n) => {
  const date = n.date.split(' ', 1)[0];
  (acc[0][date] = acc[0][date] || { id: ++acc[1], date, docs: [] }).docs.push(n);
  return acc;
}, [ {}, 0 ])[0])

или

[...arr.reduce((acc, n) => {
  const [ date ] = n.date.match(/\S+/);
  acc.set(date, acc.get(date) || { id: -~acc.size, date, docs: [] }).get(date).docs.push(n);
  return acc;
}, new Map).values()]

Дайте-ка угадаю - ваш top глобальный, да? Такой уже есть, вам с таким именем переменной ловить нечего. Меняйте имя, или делайте переменную не глобальной, или делайте свой top свойством какого-нибудь объекта.

let show = 1;

function sh() {
  const [ display, text ] = [ [ 'none', 'Развернуть' ], [ 'block', 'Свернуть' ] ][show ^= 1];
  [...document.querySelectorAll('.list-row')].slice(3).forEach(n => n.style.display = display);
  document.querySelector('#button').textContent = text;
}

window.addEventListener('load', sh);

Рекурсия:

function walk(node) {
  if (node) {
    console.log(node);
    walk(node.next);
  }
}

Или цикл:

function walk(node) {
  while (node) {
    console.log(node);
    node = node.next;
  }
}

.tags li.hidden {
  display: none;
}

document.querySelectorAll('.tags b').forEach(n => {
  n.closest('li').classList.add('xxx');
  n.addEventListener('click', onClick);
});

function onClick(e) {
  for (
    let el = e.target.closest('li');
    (el = el.nextElementSibling) && !el.classList.contains('xxx');
    el.classList.toggle('hidden')
  ) ;
}

Выносите все стили в отдельный css-класс:

.active {
  height: 300px;
  cursor: pointer;
  background-color: green;
  overflow: auto;
}

И добавляете/удаляете его при клике:

$('.qwerty').on('click', function() {
  $(this).toggleClass('active');
});

Всё как обычно, вешаете делегированный обработчик клика, смотрите откуда события приходят:

document.addEventListener('click', function(e) {
  const t = e.target;
  if (t.matches('button.apply-button') && t.closest('blabla')) {
    // ...
  }
});

const colors = [
  'red', 'blue', 'magenta', 'green', 'yellow',
  'aqua', 'brown', 'silver', 'lime'
];

for (let i = colors.length; --i > 0;) {
  const j = Math.random() * (i + 1) | 0;
  [ colors[i], colors[j] ] = [ colors[j], colors[i] ];
}

document.querySelectorAll('.item').forEach((n, i) => {
  n.style.backgroundColor = colors[i];
});

fetch('https://api.github.com/gists/public')
  .then(r => r.json())
  .then(r => r.flatMap(n => Object
    .values(n.files)
    .map(({ filename, language, raw_url }) => ({ filename, language, raw_url }))
  ))
  .then(r => console.log(r))

$('.item').css('width', function() {
  return `${this.dataset.width}%`;
});

В обработчике события scroll определяйте индекс первого элемента, offset.top + height которого превышает текущее значение прокрутки, и подсвечивайте соответствующую кнопку.

https://jsfiddle.net/tr03ph2f/

Object.assign(users.find(n => n.id === id), user);

или, если неизвестно, есть ли объект с заданным id:

const u = users.find(n => n.id === id);
if (u) {
  Object.assign(u, user);
} else {
  // добавляем, например
  users.push({ ...user, id });
}

делегирование, конечно же

UPD.

const usersList = users.map(n => `${n.firstName} ${n.lastName} ${n.email}`);

или

const usersList = users.map(function(n) {
  return this.map(k => n[k]).join(' ');
}, [ 'firstName', 'lastName', 'email' ]);