Как вывести сумму значений если их еще нет в DOM?

Question

[TipTop89]

Как вывести сумму этих элементов которые появляются из выпадающего списка справа. Если блоки справа есть изначально то мой код работает. А если они появляются из выпадающего списка то не работает. Подскажите пожалуйста в чем проблема может быть?

Answer 1

[Чипекве]

Создаёшь функцию, которая подсчитывает сумму и добавляет её в нужный блок.

spoiler

function setTotalSum() {
  const totalSum = Array.from(document.querySelectorAll('.right-form-calculator__cost'), e => +e.textContent)
    .reduce((summ, cost) => summ + cost, 0);
  document.querySelector('.right-form-calculator__sum').textContent = `Сумма ${totalSum} руб`;
}

Добавляешь вызов этой функции в конец updateActiveMenuItems.