Only first row works for amount function

My sun function works only for the first row's inputs. How to make it work independently for every row in the table?

<script>
$(function() {
  $("#num1, #num2, #num3",).on("keydown keyup", sum);
  function sum() {
    $("#sum").val(Number($("#num1").val()) * Number($("#num2").val()) );
    $("#sum1").val(Number($("#sum").val()) - (Number($("#sum").val()) * (Number($("#num3").val()) / 100 )));
  }
});
</script>

Use classes (instead of unique IDs), and use references to the parent row like $row.find(".num1") or $(".num1", $row):

jQuery($ => { // DOM ready and $ alias in scope

  function sum() {
    const $row = $(this).closest("tr");
    
    const $num1 = $row.find(".num1");
    const $num2 = $row.find(".num2");
    const $num3 = $row.find(".num3");
    
    const $sum = $row.find(".sum");
    const $sum1 = $row.find(".sum1");
    
    $sum.val(Number($num1.val()) * Number($num2.val()));
    $sum1.val(Number($sum.val()) - (Number($sum.val()) * Number($num3.val()) / 100));
  }

  $(".myTable").on("input", ".num1, .num2, .num3", sum);

});

and use the "input" event instead of "key*"