Передать число из data аттрибута, полученного в одной функции, в другую, подставив его в querySelector

Надо передать число, записанное в data аттрибуте переменной clicked (таргет клика, т.е какая-то кнопка) в другую функцию, при этом переданное число будет подставляться в document.querySelectorAll, чтобы получить массив из нужных элементов. При попытке передачи значения с помощью вызова второй функции в первой, возникает ошибка: Failed to execute 'querySelectorAll' on 'Document': '.components__inputs-[object PointerEvent]' is not a valid selector. Помогите, пожалуйста, как передать нужное значение?

const getAnswer = document.querySelector(".done__btn");
const finalNumbers = document.querySelectorAll(".components__numbers");

function numbers(n) {
  const volume = document.querySelector(".volume__input").value;
  const concentration = document.querySelectorAll(`.components__inputs-${n}`);
  let arrValues = [];
  concentration.forEach((i) => {
    arrValues.push(Number(i.value));
  });
  }
}

getAnswer.addEventListener("click", numbers);

const choiceNut = document.querySelector(".choice");
const btnChoice = document.querySelectorAll(".btn");
const comcon = document.querySelectorAll('.components__concentration');

choiceNut.addEventListener('click', function(e) {
    e.preventDefault()
    const clicked = e.target.closest('.btn')
    if (!clicked) return
    btnChoice.forEach(btn => btn.classList.remove('btn__clicked'))
    clicked.classList.add('btn__clicked')
    comcon.forEach(c => c.classList.add('components__concentration_hidden'))
    document.querySelector(`.active-${clicked.dataset.tab}`).classList.remove('components__concentration_hidden');
    document.querySelector(`.active-${clicked.dataset.tab}`).classList.add('components__concentration_active');
    const numparameter = Number(clicked.dataset.tab);
    numbers(numparameter)
})