php&jquery ile eklenen inputtaki verilerin toplamını yapmak istiyorum

Merhabalar

Sonsuz textbox eklenebiliyor bu textboxdaki verilerin toplamını nasıl bulabilirim?

Yardımcı olursanız çok mutlu olurum arkadaşlar

çoğalabilen input'a class olarak bunu tanımla ".my-input"

var total = 0;
$(".my-input").each(function() {
total += parseFloat($(this).val());
});

console.log(total);

$.ajax({
url: "your-php-file.php",
type: "POST",
data: {total: total},
success: function(response) {
console.log(response);
} });

<div class="inputlar">
<input type="text">
<input type="text">
<input type="text">
<input type="text">
<input type="text">
</div>
 
<div class="toplam">TOPLAM: 0</div>


<div class="ekle">input ekle</div>

.toplam{
  margin-top:10px;
  font-size: 18px;
}

.ekle{
  margin-top:10px;
  background:#000;
  color:#fff;
  display:inline-block;
  padding:3px 9px;
  font-family:arial;
  border-radius:3px;
  font-size:14px
}

.ekle:hover{
  cursor:pointer;
 background:#ffa900;
  color:#000;
}

input{
  outline:none;
  border:1px solid #ddd;
  height:30px;
  line-height:30px;
  font-size:15px;
  width:50px;
  padding:4px 10px;
  display:inline-block;
  border-radius:3px;
  box-shadow:0 1px 2px #aaa inset;
  margin-bottom:3px;
  margin-right:3px;
}

.inputlar{
  display:inline-block;
  width:500px;
}

setInterval(function(){
      var toplam = 0;
      $("input[type='text']").each(function(){
      var val = parseFloat($(this).val());
      if(!isNaN(val)){
        toplam += val;
      }
    });
      $(".toplam").html("TOPLAM: <b>"+toplam+"</b>");
},50);


$(".ekle").on("click",function(){
  $(".inputlar").append('<input type="text">');
});

Alt alta ömür boyu eklediğiniz inputların değerlerini toplar....

https://codepen.io/F12/pen/JjmyGdO