How do I get total addition of three group?

Question

Here I three groups with range slider and input. I want to apply two things.

Multiplication of range slider and the input.
And at the end Addition of all multiplication.
I have a different ID for all input types.

$(document).ready(function(){
  var t_sum=0;
  var rs=document.getElementById("range").value;
  var am=document.getElementById("amount").value;

  var k=0;
  $('.mul').each(function(){
        i++;
        var newID='multiplication-'+k;
        $(this).attr('id',newID);
        document.getElementById("multiplication").innerHTML = rs * am;
  })
  document.getElementById("addition").innerHTML= multiplication+k;
});













Addition of all multiplication

I know the code is wrong.

user_10606400 · Answer

You can give common class to your amt input as well then use index value of each loop to get value of amt inputs and add total to your addition input.

Demo Code :

$(document).ready(function() {
  $(".range").on("change", function() {
    var mult = 0;
    $('.range').each(function(i) {
      var selector_next = parseInt($(".amt:eq(" + i + ")").val()) //get input value
      mult += parseInt($(this).val()) * selector_next //multply..
      console.log($(".amt:eq(" + i + ")").val(), $(this).val())
    })
    $("#multiplication").val(mult)
    $("#addition").val(mult)
  })
  $(".range:first").trigger("change")

});













 Addition of all multiplication

How do I get total addition of three group?

1 Answers