Call jquery function with parameters on button click with math operations

In the following web we have the option to introduce two different numbers and to make operations of addition, subtraction, multiplication and division.
We will use function "on" together with the click event. When clicking on a button we will pick up its value, according to the value we will make an operation or another. The result of this operation will be stored in a result variable that will be shown in a "span" by means of the function text().

<div id="operations">
    <p>
      <input id="number1" type="number" placeholder="Insert Number 1">
    </p>
    <p>
      <input id="number2" type="number" placeholder="Insert Number 2">
    </p>
    <button value="+">+</button>
    <button value="-">-</button>
    <button value="x">x</button>
    <button value="/">/</button>
    <h2>Result is: <span></span></h2>
</div>
<!--Script jQuery-->
<script>
  $(function(){
    $("#operations button").on("click", function (event) {
      let number1 = parseFloat($("#number1").val());
      let number2 = parseFloat($("#number2").val());
      let result;
      switch ($(this).val()) {
        case "+":
          result = number1 + number2;
          break;
        case "-":
          result = number1 - number2;
          break;
        case "x":
          result = number1 * number2;
          break;
        case "/":
          result = number1 / number2;
          break;
      };
      $("#operations h2 span").text(result);
    });
  });
</script>
<!--JQuery Library-->
<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>