百分比增长计算器不起作用

Question

我正在尝试从初始值制作Jquery百分比增加计算器。示例：1000+10%=1100，1000+25%=1250，1000+39=1390。。。等不幸的是，我的代码不起作用。请检查此Codepen链接https://codepen.io/coderco/pen/JjLJxXj。这是我的密码。请帮帮我…

HTML

<input type="text" id="Amount" value="">
<input type="text" value="10.45" id="Discount">
<input type="text" id="Result">

脚本

$(document).on("change keyup blur", "#Discount", function() {
    var main = $('#Amount').val();
    var disc = $('#Discount').val();
    var dec = (disc / 100); //toFixed(0) == its convert 10 into 0.10
    var mult = main * dec; // gives the value for subtract from main value
    var discont = main + mult;
    $('#Result').val(discont.toFixed(0));
});

Answer 1

一旦您出于某种原因意识到discont是一个字符串，它似乎就可以工作了。我还改进了使用的事件。

$(document).on("input", "#Discount", function() {
  var main = Number($('#Amount').val());
  var disc = Number($('#Discount').val());
  var dec = (disc / 100); 
  var mult = main * dec; 
  var discont = main + mult;
  // alert(typeof discont) // seems it's a string
  $('#Result').val(Number(discont).toFixed(0));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="Amount" value="">
<input type="text" value="10.45" id="Discount">
<input type="text" id="Result">