<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">');
});