Как заполнить TextArea через JS (калькулятор)?

Question

[Александр Грач]

Всем добрый день. Запилил такой калькулятор. Вопрос, как мне сделать так чтоб указании количества того или иного товара, в TextArea указывалась что выбрал пользователь и сколько. Так же если Input равен нулю то из textarea удалялась эта строчка
Хотелось бы вывод туда иметь такой
Название: Курица | Количество: 5
Название: Говядина | Количество: 2

Answer 1

[0xD34F]

document.querySelector('.calc_container').addEventListener('input', e => {
  const block = e.target.closest('.calc_block');
  const price = +block.querySelector('.price span').innerText;
  const count = +e.target.value;
  block.querySelector('.summ span').innerText = price * count;

  const orderData = Array
    .from(e.currentTarget.querySelectorAll('.calc_block'), n => ({
      name: n.querySelector('label').innerText,
      count: +n.querySelector('.count').value,
      sum: +n.querySelector('.summ span').innerText,
    }))
    .filter(n => n.count);

  document.querySelector('.total_block span').innerText = orderData
    .reduce((acc, n) => acc + n.sum, 0);

  document.querySelector('textarea').value = orderData
    .map(n => `Название: ${n.name} | Количество: ${n.count}`)
    .join('\n');
});

Comments

[Александр Грач]

Спасибо тебе