Rsa97

А какой ещё может удаляться? Элемент с id="delete_input" на странице может быть только один, родитель с class="form-row" в вашем случае у него тоже один, вот этот родитель и удаляется.

Искать таким образом смысла нет, id должен быть уникален в пределах страницы. Достаточно document.getElementById('irc_cc');

Для начала попробуйте сами понять, что вы хотите в итоге получить.
На данный момент при изменении любого слайдера вы получаете значение обоих, затем элементу .first задаёте ширину по значению от первого слайдера и тут же переписываете его значением второго слайдера.

Элементарно
Раз в секунду вызываете функцию, которая обходит все ваши объекты, для каждого вычисляет остаток времени и выводит его. Если время вышло, то дополнительно меняет класс, чтобы больше не трогать этот объект.

Какая жуть...
А что мешает хранить цену отдельно, например в data-атрибуте, а показывать уже со скидкой?

Посчитать количество тех и других и сравнить.

Объекты и массивы в JS передаются по ссылке. Так что меняя mat внутри функции вы меняете исходный массив.
https://learn.javascript.ru/object-reference

Вы пытаетесь получить данные когда они ещё не приняты. Надо вешать обработчик.

request.onreadystatechange = function() {
  if (request.readyState === 4 && request.status === 200) {
    console.log(request.responseText);
  }
}

Так вы сами при каждом нажатии на '.add_slide' добавляете ещё один обработчик нажатий на '.add_slide_btn'.