0xD34F

Посмотрел поддержку forEach: она отличная.

Это другой forEach - принадлежащий Array.prototype. У вас ошибка возникает из-за отсутствия NodeList.prototype.forEach.

Что можно сделать:

• Найти/написать самостоятельно и добавить полифилл
  
• Использовать forEach массива:
  
  

  Array.prototype.forEach.call(items, function(n) {
    // ...
  });

  
  
• Использовать обычный цикл со счётчиком:
  
  

  for (var i = 0; i < items.length; i++) {
    // ...
  }

  
  
• В IE не заработает, а вот в Safari 9, говорят, должно:
  
  

  for (var n of items) {
    // ...
  }

  
  

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

const el = currentTarget.querySelector('селектор элемента');
if (el) {
  el.remove();
}

Из какой таблицы и какого столбца надо получить данные:

const tableEl = document.querySelector('селектор_таблицы');
const colIndex = индекс_столбца;

Получаем:

const colData = Array.from(
  tableEl.rows,
  ({ cells: { [colIndex]: n } }) => n && n.textContent
);

// или

const colData = Array.prototype.map.call(
  tableEl.querySelectorAll(`tr > :nth-child(${colIndex + 1})`),
  n => n.innerText
);

// или

const colData = [];
for (const n of table.querySelectorAll('tr')) {
  colData.push((n.children[colIndex] || {}).innerHTML);
}

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

const parentSelector = '.parent';
const className = 'custom';

Удаляем:

document.querySelectorAll(`${parentSelector} > .${className}`).forEach(n => {
  n.classList.remove(className);
});

// или

for (const n of document.querySelector(parentSelector).children) {
  n.className = n.className.replace(RegExp(`(^| )${className}(?= |$)`), '').trim();
}

По клику на .colors вызывайте функцию пересчёта:

$('.colors').on('click', '.color', function() {
  $(this).toggleClass('checked');
  calculate();
});

В самой функции добавьте обход .colors .checked и суммирование их data-price:

total += $('.colors .checked', this)
  .get()
  .reduce((acc, n) => acc + +n.dataset.price, 0);

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

formData = [];

updateFormData(newLen) {
  const oldLen = this.formData.length;

  if (oldLen > newLen) {
    this.formData.splice(newLen, oldLen);
  } else if (oldLen < newLen) {
    this.formData.push(...Array.from({ length: newLen - oldLen }, n => ({
      /* здесь дефолтные данные блока */
    })));
  }
}

Инпут, задающий количество блоков - длину массива с данными блоков цепляете к нему в качестве значения, а при изменении вызываете метод обновления данных:

<input
  type="number"
  [ngModel]="formData.length"
  (ngModelChange)="updateFormData($event)"
>

Ну и вывод блоков:

<div *ngFor="let item of formData;">
  <!-- здесь создаёте input'ы, цепляете к ним через [(ngModel)] свойства item'а -->
</div>

https://stackblitz.com/edit/angular-q534id?file=sr...

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

const values = Array.from(
  document.querySelectorAll('.aside input[type="checkbox"]:checked'),
  n => n.value
);

Почему console.log('\n' == separator.value); возвращает false?

Потому что \n - это перенос строки. Экранируйте слэш - '\\n' == separator.value.

погуглил за вас

const steps = Object.entries(answers).reduce((acc, [ key, val ]) => {
  const question = questions.find(n => n.key === key);
  const step = acc[val.step] = acc[val.step] || [];

  step.push({
    step: val.step,
    question: { ...question.question },
    answer: question.answer.values instanceof Object
      ? question.answer.values[val.answer].en
      : val.answer,
  });

  return acc;
}, {});

Сделайте computed свойство, зависящее от наличия ошибок - и используйте это свойство как значение для disabled кнопки. Как-то так.

Достали значение из localStorage, сделали JSON.parse, внесли изменения, сделали JSON.stringify, положили значение в localStorage:

const arr = JSON.parse(localStorage.getItem('arr')) || [];
arr.push(1, 2, 3);
localStorage.setItem('arr', JSON.stringify(arr));

Указывайте nth-child и для родительского блока. Типа так.

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

Всё работает. "Не работает" и "работает не так, как я ожидаю" - это не одно и то же.

Назначение значения свойства на основе параметра осуществляется однократно - в data, при создании экземпляра компонента. Так что если хотите использовать в шаблоне именно свойство, вам его придётся обновлять вручную - вешайте watch на параметр.

Так:

img {
  filter: hue-rotate(180deg) saturate(10);
}

??

И цвет не должен меняться как градиент. Сначала 90% черный #000 потом 10% красный

И тем не менее - это можно сделать именно градиентом:

background: linear-gradient(to right, black, black 90%, red 90%);

const lowered = str.toLowerCase();
const filtered = data.filter(n => !n.name.toLowerCase().indexOf(lowered));

или

const filtered = data.filter(function(n) {
  return n.name.toLowerCase().startsWith(this);
}, str.toLowerCase());

или

const filtered = data.filter(((reg, n) => reg.test(n.name)).bind(null, RegExp(`^${str}`, 'i')));

const getRandomInt = (min, max) => (Math.random() * (max - min + 1) + min) | 0;
setInterval($counter => $counter.text(getRandomInt(200, 300)), 500, $('.counter'));

str.match(/([^/]+)\.[^\.]+$/)[1]

// или

str.split('/').pop().split('.').shift()

// или

str.split(/[/.]/).slice(-2)[0]

// или

str.replace(/.*\//, '').replace(/\..*/, '')

// или

str.slice(str.lastIndexOf('/') + 1, str.lastIndexOf('.'))