0xD34F

Мне кажется, вы пытаетесь заниматься какой-то ерундой. Гораздо проще будет вешать/снимать класс, вместо того, чтобы напрямую модифицировать body.style.

UPD. Но конечно можно и модифицировать. Только добавлять/убирать ничего не надо, всегда вычисляйте значения свойств целиком.

const widgetData = [
  { name: 'something', value: 14, date: '02.08.2018' },
  { name: 'something', value: 43, date: '03.08.2018' },
  { name: 'something', value: 44, date: '04.08.2018' },
  { name: 'something', value: 38, date: '05.08.2018' },
];

const startDate = '01.08.2018';
const endDate = '25.08.2018';


const widgetDataObj = widgetData.reduce((acc, n) => (acc[n.date] = n, acc), {});
const start = new Date(startDate.split('.').reverse().join('-'));
const end = new Date(endDate.split('.').reverse().join('-'));
const result = [];

for (; start <= end; start.setDate(start.getDate() + 1)) {
  const date = start.toLocaleDateString('ru-RU');

  result.push(widgetDataObj[date] || {
    name: 'something',
    value: 0,
    date,
  });
}

console.log(result);

Собрать новый массив:

const filterItem = (list, item) =>
  list.map(n => ({
    ...n,
    items: n.items.filter(m => m.id !== item.id),
  }));

Обновить существующий:

function removeItem(list, { id }) {
  list.forEach(({ items: n }) => {
    n.splice(0, n.length, ...n.filter(m => m.id !== id));
  });
}

Создаёте функцию расчёта полной суммы, с учётом всех условий, и назначаете её в качестве обработчиков событий всем элементам, от значений которых сумма зависит. Так будет гораздо проще и короче, чем то, что у вас есть сейчас:

function recalc() {
  const register = +$('[name="radio-register"]:checked').data('value');

  $('#price_result, #price1').text(register
    ? register +
      +$('#count-class option:selected').data('value') +
      +$('[name="radio-znak"]:checked').data('value')
    : 0
  );
}

$('input[name="radio-znak"], input[name="radio-register"], #count-class').change(recalc);
recalc();

const max = (data, key = n => n) =>
  Array.prototype.reduce.call(data, (max, n) => {
    const val = key(n);
    return val > max[1] ? [ n, val ] : max;
  }, [ null, -Infinity ]);

const [ item, value ] = max(
  form.querySelectorAll('.kursBtn'),
  n => +n.nextElementSibling.value
);

form.querySelector('#winner').value = `${item.name} - ${value}`;

https://jsfiddle.net/yo6buqg0/

const $sorted = $('.for_sort')
  .sort((a, b) => (a.dataset.sort - b.dataset.sort) * order)
  .clone(true);

$('.for_sort').replaceWith(i => $sorted[i]);

Делаем массив объектов - точки остановки и длительность. На каждом шаге проверяем, есть ли в массиве элемент с текущей координатой и если да - добавляем к дефолтному таймауту длительность из найденного элемента. Типа так.

UPD. Вынесено из комментариев:

а как добавить классы к движущемуся объекту в местах остановки?

Добавляем элементам массива остановок ещё одно свойство - имя класса. При остановке делаем classList.add, после окончания остановки classList.remove (если надо) - ничего сложного.

Ну, очевидно же - не надо полагаться на чётность счётчика. Да ещё и выглядит оно стрёмно, код-то для обоих случаев почти одинаковый. Можно положить картинки в массив, и на каждом шаге делать ему reverse. И вместо обращения к картинкам непосредственно - обращаться к элементам массива. Типа так.

Сделайте объект: то, с чем сравниваете, будет именами свойств; то, что выводите, будет их значениями; то, что проверяете - ключ, по которому будет извлекаться значение. Если ничего не получили, подставляете дефолтное значение. Типа вот так:

alert(({
  1: 'b',
  2: 'c',
})[a] || 'd');

Если вдруг среди значений будут такие, чьим логическим эквивалентом является false, то извлекайте значение из объекта только в том случае, если ключ существует:

const obj = {
  1: 'b',
  2: 'c',
  7: null,
  8: NaN,
};
const defaultValue = 'd';

alert(obj.hasOwnProperty(a) ? obj[a] : defaultValue);

str.replace(/[\s.,%]/g, '')

Раз:

<div class="budget-value"></div>

Два:

budget_value = document.getElementsByClassName('budget_value')[0]

Три:

budget_value.textContent = money

Понятно, да - перепутали подчёркивание с минусом, в результате элемент оказался undefined, и вы этому undefined пытаетесь назначать свойство.

результат времени как при параллельном выполнении

А почему как? Они у вас выполняются параллельно. Чтобы было последовательно - второй должен создаваться в then первого.

UPD. Вынесено из комментариев:

Получается что new Promise( уже запускает на выполнение код? Его можно как то отложить?

Можно сделать getA и getB функциями, возвращающими промисы - тогда будет как вы хотите:

const getA = () => new Promise((resolve, reject) => {
    console.time('getA');
    setTimeout(() => {
        console.timeEnd('getA');
        resolve(4)
    }, 6000)
});

const getB = () => new Promise((resolve, reject) => {
    console.time('getB');
    setTimeout(() => {
        console.timeEnd('getB');
        resolve(2)
    }, 2000)
});


console.time('get sum');
getA().then(a => {
    getB().then(b => {
        console.log(`result: ${a + b}`);
        console.timeEnd('get sum');
        })
    });

UPD. Cabac_B недоумевает в комментариях по поводу "выполняются параллельно":

Среда исполнения JS уже умеет параллельно?

Ну не буквально же параллельно, и не буквально выполняются - смотрите код, о котором идёт речь. Имелось в виду, что оба промиса ждут своего разрешения одновременно.

Точка с запятой должна быть, а у вас только запятая, точку забыли, забыли точку, вот здесь:

let money,
    price,

Ну пожалуйста, добавьте точку, не хватает точки, добавьте-добавьте-добавьте, чтобы стало так:

let money,
    price;

У вас обработчик mousemove вешается на перемещаемый элемент - естественно, что при выходе курсора за пределы элемента перемещение прекращается. А во втором примере, где всё окей - там обработчик mousemove вешается на document.

Собираем массив с днями:

const days = ['Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота', 'Воскресенье'];

// или

const days = Array.from({ length: 7 }, (_, i) => new Date(1, 0, i)
  .toLocaleString('ru', { weekday: 'long' })
  .replace(/./, m => m.toUpperCase()
));

Зацикливаем вывод:

for (
  let iDay = 0;
  confirm(`${days[iDay]}. Хотите увидеть следующий день?`);
  iDay = (iDay + 1) % days.length
) ;

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

"Производительно" далеко не всегда значит "лучше". Бывает так, что производительностью можно пренебречь в пользу краткости и читаемости (шутка, являются ли варианты ниже более читаемыми, вопрос спорный). Код - он не только для компьютеров, но и для людей.

Вот, смотрите - одна строка вместо шести ваших:

const lastId = arr.reduce((id, n) => n.glob_id || id, null);
// или
const lastId = (arr.filter(n => n.glob_id).pop() || {}).glob_id;
// или
const lastId = ([...arr].reverse().find(n => n.glob_id) || {}).glob_id;
// или
const lastId = arr.map(n => n.glob_id).filter(Boolean).pop();

Ну а если говорить более серьёзно, то можно перебирать массив от конца к началу, и прерывать цикл после того, как будет обнаружен первый подходящий элемент:

let lastId = null;
for (let i = arr.length; i--;) {
  if (arr[i].glob_id) {
    lastId = arr[i].glob_id;
    break;
  }
}

UPD. Наконец-то подъехал метод, позволяющий решить задачу и коротко, и без стояния на голове. И трёх с половиной лет ждать не пришлось:

const lastId = arr.findLast(n => n.glob_id)?.glob_id;

Определимся с элементом, у которого будем узнавать индекс - внутри кого он находится, что это за элемент, какой у него должен быть класс:

const parentSelector = 'div';
const childSelector = 'p';
const className = 'there';

const siblingsSelector = `${parentSelector} > ${childSelector}`;
const elementSelector = `${siblingsSelector}.${className}`;

Дальше есть варианты:

const index = Array.prototype.findIndex.call(
  document.querySelectorAll(siblingsSelector),
  n => n.classList.contains(className)
);

или

let index = -1;
for (
  let el = document.querySelector(elementSelector);
  el;
  index++, el = el.previousElementSibling
) ;

или

const el = document.querySelector(elementSelector);
const index = el ? [...el.parentNode.children].indexOf(el) : -1;

Если вдруг у элемента могут быть другие соседи, не соответствующие childSelector, и они не должны учитываться, то третий вариант не подходит, а во втором надо заменить index++ на index += el.matches(childSelector).

document.addEventListener('keypress', function(e) {
  if (e.keyCode === 32) {
    console.log('space pressed');
  }
});

document.addEventListener('wheel', function(e) {
  const event = new Event('keypress');
  event.keyCode = 32;
  document.dispatchEvent(event);
});

Где элементы находятся, и сколько с какого конца надо удалить:

const selector = 'div p';
const removeFirst = 5;
const removeLast = 3;

Удаляем:

document.querySelectorAll(selector).forEach((n, i, a) => {
  if (i < removeFirst || i > a.length - removeLast - 1) {
    n.remove();
  }
});

Или, если родитель действительно общий, то можно и так:

document.querySelectorAll([
  `${selector}:nth-child(-n+${removeFirst})`,
  `${selector}:nth-last-child(-n+${removeLast})`,
]).forEach(n => n.replaceWith());