如何使减去文本框值小于/等于价格文本框值并在 Asp.net 核心 C# 的另一个文本框中显示价格？

Question

使用的工具 Visual Studio 2019、Asp.net core 5.0 (.net 5.0)
我有 3 个文本框：Pricex、Subtractx 和 Sumx。
我想要的是如果 Subtractx 值变得更大或等于 Price 值，那么 Subtract = Price 和 Sum = Price。
如果可以的话，这个可以直接在C#中完成吗？

我正在尝试这个 JS 代码，但它不起作用

    <script>
    $(function () {
        getSum();
    })
    $("#Subtractx").keyup(function () {
        getSum();
    })
    function getSum() {
        if ($("#Subtractx").val() >= $("#Pricex").val())
        {
            $("#Subtractx").val($("#Pricex").val());
            var sum = /*parseInt($("#Rows_Qty").val()) * */parseInt($("#Pricex").val()) - parseInt($("#Subtractx").val())
            $("#SumX").val(sum);
        }
        var sum = /*parseInt($("#Rows_Qty").val()) * */parseInt($("#Pricex").val()) - parseInt($("#Subtractx").val())
        $("#SumX").val(sum);
    }
</script>

Answer 1

下面是一个工作演示，您可以查看它。

<label>Price</label>
<input type="number" id="Pricex"/>
<label>Subtract</label>
<input type="number" id="Subtractx"/>
<label>Sum</label>
<input type="number" id="SumX"/>
@section Scripts
{ 
    <script>
        $(function () {
            getSum();
        })
        $("#Subtractx").keyup(function () {
            getSum();
        })
        function getSum() {
            var x = parseFloat($("#Subtractx").val());
            var y = parseFloat($("#Pricex").val());
            if (x >= y) {
                $("#Subtractx").val($("#Pricex").val());
                var z = parseFloat($("#Subtractx").val());
                var sum = (y - z).toFixed(2);
                $("#SumX").val(sum);
            }
            else {
                var sum = (y - x).toFixed(2)
                $("#SumX").val(sum);
            }
          
        }
    </script>
}

测试结果：