Антон Спирин

Нехватка знаний базовых возможностей языка. Изучите любой современный учебник по JavaScript от корки до корки. Хороший вариант learn.javasript.ru

Потому что надо писать document.body
document.body.removeChild(div);

const result = arr.slice(index).reduce((acc, el) => acc + el);

Массивы индексируются с нуля. В вашем случае, надо прибавлять к позиции 1.

Срочно читайте это и это.
А еще лучше любой современный учебник по JavaScript от корки до корки.

Context API используют для передачи контекста, а не для управления состоянием. Почитайте о Redux.

Вариант 1:
1. Cмотрите по коду какой слушатель вешается на форму.
2. Если есть доступ к хандлеру, снимаете.
3. Вешаете свой.

Вариант 2:
1. Если доступа к хандлеру нет, то подменяете элемент:

var old_element = document.getElementById("btn");
var new_element = old_element.cloneNode(true);
old_element.parentNode.replaceChild(new_element, old_element);

2. Вешаете свой слушатель.

По хорошему, конечно найти доступы, которых у вас почему-то нет и все переписать.

Вы не правильно подставили приведенную формулу.

function getSize(width, height, depth) {
  var area = 2 * width * height + 2 * width * depth  + 2 * height * depth;
  var volume = width * height * depth;

  return [area, volume];
}

alert(elem.style.cssText);

Потому что правильно это делается так:

const resolve = () => console.log('resolve');
const reject = () => console.log('reject');


const promise2 = () => new Promise((resolve, reject) => {	

  console.log ('promise2');
  const zn = prompt ('digit');

  if (zn > 9) {
    resolve() 
  }
  else {
    reject();
  }

});
  

const myInnerServerTalk = () => new Promise((resolve, reject) => {

  console.log (' myInnerServerTalk');
  const zn = prompt ('digit');

  if (zn > 9) {
    resolve() 
  }
  else {
    reject();
  }

});
  
myInnerServerTalk().then(resolve).catch(reject);

Вы же, в своем коде не оборачиваете промисы в функцию, а функции-экзекуторы промисов выполняются сразу же при создании промиса.

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

var x = true;
x = !x;
console.log(x); // false

Что делает оператор ! (не):
1. Приводит аргумент к логическому типу true/false.
2. Возвращает противоположное значение.

1. У вас функция называется getTax, а возвращает цену с налогом. Не надо так. Возвращайте только налог.

function getTax(price) {
  return price / 100 * TAX;
}

2. Чтобы посчитать total с налогом достаточно:
var totalWithTax = total + getTax(total);

Не надо копить, а затем отправлять все данные сразу. Коллекциями их принято только забирать с сервера.
1. Каждое добавление карточки это POST запрос на добавление одной карточки.
2. Каждое добавление записи это POST запрос на добавление записи.
3. Каждое обновление записи или карточки это PUT/PATCH запрос с обновленными данными одной записи/карточки.
4. При удалении карточки, если записи лежат отдельно, на стороне сервера надо их так же удалить.

var elements = document.getElementsByClassName('my-class');
Array.prototype.forEach.call(elements, function(element) {
  emement.addEventListener('click', function(e) { /* ... */ });
});

var elements = document.getElementsByClassName('my-class');
for (var i = 0; i < emements.length; i++) {
  elements[i].addEventListener('click', function(e) { /* ... */ });
}

ES6:

const elements = document.getElementsByClassName('my-class');
for (let element of elements) {
  emement.addEventListener('click', e => { /* ... */ });
}

Выведет в консоль индексы всех страниц по size и limit:

function getPageIndexes(size, limit) {
  var start = 0;
  while(true) {
    if (start >= size) break;
    var end = Math.min(size, start + limit);
    console.log(start, end);
    start += limit;
  }
}

Демо

Изучайте всю спецификацию, не прогадаете.

Можно использовать нативный скрытый checkbox. Использовать его можно будет как контролируемый, так и как самостоятельный элемент. Слушать onChange или использовать ref. Стилизовать его можно под что угодно. Чтобы работало, надо обязательно использовать элемент label.
Думаю, это самый универсальный и оптимальный вариант для этой задачи.
Пример с использованием StyledComponents:

Ни одно свойство не является обязательным.

Если отображаете в списках имя пользователя, то лучшим вариантом будет, на сервере добавлять к каждому заказу пользователя в поле linked. Так вы получите все необходимые данные за один запрос.
Либо, что-то вроде:

componentDidMount() {
  this.fetchData();
}

async fetchData() {    
  try {
    const orders = await fetch('orders-path', options).then(response => response.json()); 

    const users = {};
    for (let i = 0; i <= orders.length; i++) {
      const id = orders[i].user_id;
      const user = await fetch('/user/' + id, options).then(response => response.json());
      users[id] = user;
    } 

    this.setState({ orders, users });
  } catch (e) {
    // handle error
  }
}

Все верно для объявления через запятую. Во втором варианте производится только присваивание и работать без явного объявления оно будет только в старом режиме.

Лучше объявлять переменные так:

var someVar2 = false;
var someVar3 = false;
var speed = 10;
var baseSpeed = 10;

так проще вносить изменения в код и меньше шансов допустить ошибку вроде этой:

var someVar2 = false,
  someVar3 = false;
  speed = 10,
  baseSpeed  = 10;

или этой:

var someVar2 = false,
  someVar3 = false,
  speed = 10,
  baseSpeed  = 10,