javascript - 使用 JavaScript 进行算术

Question

我想问一下如何使用javascript进行算术运算这里我有一些输入值

<div class="form-group">
    <label for="exampleInputTotalBayar">Total Bayar</label>
    <input type="text" class="form-control" id="inputTotalBayar" placeholder="Total Bayar" name="totalBayar" value="{{ $peminjaman->totalBayar }}">
</div>
<div class="form-group">
    <label for="exampleInputJumlahBayar">Telah Membayar</label>
    <input type="text" class="form-control" id="inputJumlahBayar" onchange="" placeholder="Jumlah Bayar" name="jumlahBayar" value="{{ $peminjaman->jml_bayar }}">
</div>

我也有这个输入

<div class="form-group">
    <label for="exampleInputDenda">Denda</label>
    <input type="text" class="form-control" id="exampleInputDenda" placeholder="Denda" name="denda" value="{{ $peminjaman->denda }}">
</div>

还有这个

<div class="form-group">
    <label for="exampleInputBayarKembali">Jumlah Bayar Pengembalian</label>
    <input type="text" class="form-control" id="inputBayarKembali" onchange="" placeholder="Bayar Pengembalian" name="bayarPengembalian">
</div>

使用javascript，算术运算的结果将显示在这里

<p>Bayar Pengembalian: <div id="bayar" name="bayar"></div></p>
<p>Sisa: <div id="sisa" name="sisa"></div></p>

对于 Bayar Pengembalian 来说，它工作得很好。但是当我尝试计算 Sisa 时，答案不会显示。这是我的 JavaScript

$("#exampleInputDenda").change(function() {
        var bayar = parseInt("0");
        var totalBayar = parseInt($("#inputTotalBayar").val());
        var jumlahBayar = parseInt($("#inputJumlahBayar").val());
        var denda = parseInt($("#exampleInputDenda").val());
        bayar = bayar + denda + totalBayar - jumlahBayar;
        $("#bayar").html(bayar);
    });

    $("#inputBayarKembali").change(function() {
        var sisa = parseInt("0");
        var bayar = $("#bayar").val();
        sisa = sisa + $("#inputBayarKembali").val()-bayar;
        $("#sisa").html(sisa);
    });

你能帮我解决我的问题吗？我正在学习 javascript 和 laravel，所以我真的需要你的帮助...之前谢谢

Answer 1

您需要对输入值进行 parseInt() :

$("#inputBayarKembali").change(function() {
    var sisa = parseInt("0");
    var bayar = parseInt($("#bayar").text());
    sisa = sisa + parseInt($("#inputBayarKembali").val())-bayar;
    $("#sisa").html(sisa);
});