How to create a Constructor when there is if/Else and external variables?

Question

I have several variables like this, that call an HTML element always with the same name:

var $inputFromA = $(".inputFromA");

It’s at least 10: inputFromA, inputFromB, inputFromC…

All these variables also call exactly the same function:

$inputFromA.on("input", function () {
  var val = $(this).prop("value");
  if (val < min) {
    val = min;
  } else if (val > to) {
    val = to;
  }
  instance.update({
    from: val
  });
});

It is possible to create a constructor function or constant class so that I can only declare the variable name and call only the class/function?

I imagine it would be something like:

class InputFrom () {}

var inputFromA = new InputFrom;

My difficulty is due to the amount of parameters that such a function should have. Someone could give me a strength with this?

Answer 1

You can relate this function to a constant or a variable, and then return the result of this function:

let ChamaFuncao = $inputFromA.on("input", function () {
  var val = $(this).prop("value");
  if (val < min) {
    val = min;
  } else if (val > to) {
    val = to;
  }
  instance.update({
    from: val
  });
return ChamaFuncao;
});

after here just call the function whenever you want to use it.

here is a link explaining well about Return: https://www.w3schools.com/Jsref/jsref_return.asp