javascript表单是否使用输入值，是否使用默认值进行即时计算？

我将实体的总成本称为总成本，如下所示：

var total_cost = 10000;

如果用户没有提供任何输入，我必须通过手动输入或以总成本的百分比计算另外2个成本。 我将百分比成本计算为：

var costA = 0.5*total_cost;
var costB = 0.2*total_cost;

要将页面显示为

Cost A in (Rs.) : 5000 (50% of total cost) or <input type="number" name="costA ">
Cost B in (Rs.) : 2000 (20% of total cost) or <input type="number" name="costB">
Total (Rs.) : 7000 or change as per user input 
Total per item (Rs.) : 700 (if items=10) or change per user input

如果用户更改成本A或成本B或两者，则总成本和总成本/项目必须自动更改

那么，在javascript中有什么方法可以做到这一点吗？如果有，请给出一个例子。

---

谢谢。

如果您想捕捉值发生变化的事件，请使用以下命令：

这是一把小提琴：

---

使用if语句测试输入是否已填写，并显示用户输入的内容或计算的默认值。若要使其自动更改，请对输入字段使用onchange处理程序。我不知道如何更改。我对js知之甚少，但需要计算一下。所以这不是免费的编码服务。要么获取JS知识，要么找一个知道如何为你做这件事的人，你可能需要付钱给他们。仅供参考-keyup不会捕获鼠标操作，例如剪切/粘贴。您应该使用$input.oninput propertychange，函数{…}来捕获对输入元素所做的所有更改。请看：你好。我用我的JSFIDLE做了一个测试，当我剪切粘贴时，这个值看起来确实被更新了。也许我们在谈论不同的事情？谢谢你的剧本。但这是jquery，我只需要js@这是鼠标的剪切/粘贴操作。在输入元素上单击鼠标右键，然后从那里进行剪切/粘贴。Keyup不会捕获这些事件。

<div>
    <input type="text" >
    Value changed to:<span id="result"></span>

</div>      
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.js"></script>

    <script>


    $('input').keyup(function(i,v){
        var val = $(this).val();
        $('#result').html(val);
    });



    </script>