通过javascript减少一个框中的数量，并将相同的值动态增加到另一个框中

下面是一个示例想法

金额-折扣=客户支付的金额

但是，客户支付的费用较少，而且箱子
到期
需要动态增加

有人能帮我吗
 以下是一个简单的版本，我相信你的要求：

HTML

Price: <input type="text" id="tb-price" />
Discount (%) <input type="text" id="tb-discount" />
Total: <span id="lbl-total" />

例如：

请注意，这里没有验证，并假设用户输入是干净的。此外，这只应用于向用户显示他们期望支付的金额，所有计算应由服务器按照AlienWebguy的建议进行/验证。服务器应处理所有货币计算。您是否尝试过将其拆分为较小的任务？比如，1。从表单框中获取值。2.加/减。3.将新计算的值放回表单框。或者你认为有一个命令可以一步完成你想要的一切？
$(function(){
    // vars
    var $tbPrice = $('#tb-price');
    var $tbDisc = $('#tb-discount');
    var $lblTotal = $('#lbl-total');

    // events
    $tbPrice.on('input', calc);
    $tbDisc.on('input', calc);

    // calculation
    function calc(){
        var x = $tbPrice.val() * ($tbDisc.val() / 100);
        var y = $tbPrice.val() - x;
        $lblTotal.html(y);
    }
});