Как передать аргумент, который передается в функцию в обработчик событий addeventlistener?

Question

[VloVer]

Как передать аргумент, который передается в функцию в обработчик событий addeventlistener?
Нужно передать аргумент total в addeventlistener и в него записывать btn.value

function getValue(trigger, total) {
      
      trigger.forEach(btn => {
         btn.addEventListener('click', (total) => {
            total = btn.value;
            totalSum.textContent = 'от ' + calcTypeValue * calcSmcValue * calcCalcValue * calcMoneyValue * 
            calcRegistrationValue * calcLogoValue * calcContentValue * calcPeriodValue + ' рублей';
            console.log(calcTypeValue);
            console.log(total);
         });
      });
   }

getValue(calcType, calcTypeValue);
   getValue(calcPeriod, calcPeriodValue);
   getValue(calcSmc, calcSmcValue);
   getValue(calcContent, calcContentValue);
   getValue(calcCalc, calcCalcValue);
   getValue(calcMoney, calcMoneyValue);
   getValue(calcLogo, calcLogoValue);
   getValue(calcRegistration, calcRegistrationValue);

Comments

[Just Me]

обработчик событий и так видит переменную total ( getValue(trigger, total) ), как переменную родительской области видимости. addEventListener принимает первым (и единственным) аргументов объект события, который у тебя прописан, как total ( btn.addEventListener('click', (total) )

Answer 1

[hzzzzl]

а что вообще происходит?
зачем КАЖДЫЙ РАЗ регистрировать новые евент листенеры на все триггеры (кнопки и слайдеры калькулятора?)

тем более будто бы total = btn.value; то есть total не передается извне, а его можно достать из кликнутой кнопки по значению

Comments

[VloVer]

Тотал передается из вне, второй аргумент getValue();

Answer 2

[Дмитрий Беляев]

Восполняем недостающие знания тут:
https://developer.mozilla.org/ru/docs/Web/JavaScri...
https://developer.mozilla.org/ru/docs/Web/API/Even...
и вопрос отпадет сам собой...

Ну и еще:
https://developer.mozilla.org/ru/docs/Web/JavaScri...
https://developer.mozilla.org/en-US/docs/Web/API/N...
понимаем, что это под капотом цикл:trigger.forEach(btn => {понимаем, что на каждой итерации этого цикла мы создаем по функции тут:(total) => {и ужасаемся, сколько процессорного времени и памяти мы сожрали в пустую