Сохраняйте результат функции отдельно для каждого вызова в JavaScript

Question

Я очень новичок в JavaScript, поэтому, возможно, есть простой способ делать то, что я хочу, но я этого не знаю.

У меня есть функция, которая принимает входные данные от нескольких ползунков, выполняет некоторые вычисления и выводит результат в переменную. Функция возвращает значение этой переменной, так что-то вроде этого:

fun() {
slider1=parseFloat($('#field1').val());
    //some calculations here
slider2=parseFloat($('#field1').val());
    //some calculations here

totalsum=(slider1+slider2);
    return totalsum;
}

Функция связана onClick на кнопке. То, что я хочу сделать, - это сохранять результат функции в отдельной переменной для каждого нажатия кнопки. Поэтому, если вы переместите ползунки и нажмете кнопку, результат сохраняется в totalsum, затем вы можете изменить ползунки и снова нажать кнопку, и этот результат будет сохранен в totalsum2 и т. Д.

Я надеюсь, что это имеет смысл, дайте мне знать, если это не так, и я попытаюсь объяснить это снова.

Answer 1

Вместо создания разных переменных. Создайте массив и используйте push()

const totalsums = [];
function fun() {
    let slider1=parseFloat($('#field1').val());
    //some calculations here
    let slider2=parseFloat($('#field1').val());
    //some calculations here

    let totalsum=(slider1+slider2);
    totalsums.push(totalsum)
}

Answer 2

window.sums = []

input.onclick = () => {
  const slider1=+$('#field1').val();
    //some calculations here
  const slider2=+$('#field1').val();
    //some calculations here

  const totalsum= slider1 + slider2;
  
  window.sums.push(totalsum)
  
  return totalsum;
}