Onkeyup javascript错误计算变化答案

【问题标题】：Onkeyup javascript error to calculate changeOnkeyup javascript错误计算变化
【发布时间】：2020-04-07 06:24:33
【问题描述】：

我尝试使用 javascripts 自动计算零钱，当我在支付中输入一些数字时，零钱输入将自动填充零钱

<!DOCTYPE html>
<html>
<body>


subtotal: <input type="number" id="subtotal" value="20000">
pay : <input type="number" id="dibayar" onkeyup="kembalian()">

<p>change: <span id="demo"></span></p>

<script>
function kembalian() {
        var x = document.getElementById("subtotal").value;
        var y = document.getElementById("dibayar").value;
        var awe = x - y;
        console.log(awe);
document.getElementById("kembalian").innerHTML = awe;
        }

</script>

</body>
</html>

【问题讨论】：

标签： javascript html onkeyup

【解决方案1】：

你需要把它插入demoid

function kembalian() {
  var x = document.getElementById("subtotal").value;
  var y = document.getElementById("dibayar").value;
  var awe = x - y;
  console.log(awe);
  document.getElementById("demo").innerHTML = awe;
}

subtotal: <input type="number" id="subtotal" value="20000"> pay : <input type="number" id="dibayar" onkeyup="kembalian()">

<p>change: <span id="demo"></span></p>

【讨论】：

【解决方案2】：

首先，如果您想在“更改”中设置新值，您应该更改

document.getElementById("kembalian").innerHTML = awe;

到

document.getElementById("demo").innerHTML = awe;

如果仍然不起作用，您也可以尝试将 onkeyup 更改为 onchange。

【讨论】：

【解决方案3】：

检查身份证！它应该是： document.getElementById("demo").innerHTML = awe;

【讨论】：