用于计算更改的Onkeyup javascript错误_Javascript_Html_Onkeyup

用于计算更改的Onkeyup javascript错误

javascript html

用于计算更改的Onkeyup javascript错误,javascript,html,onkeyup,Javascript,Html,Onkeyup,当我在pay中输入一些数字时，我试图使用javascripts自动计算更改，更改输入将自动填充更改 <!DOCTYPE html> <html> <body> subtotal: <input type="number" id="subtotal" value="20000"> pay : <input type="number" id="dibayar" onkeyup="kembalian()"> <p>chang

当我在pay中输入一些数字时，我试图使用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>


小计：
支付：
更改：
函数kembalian（）{
var x=document.getElementById（“小计”）.value；
var y=document.getElementById（“dibayar”）.value；
var awe=x-y；
console.log（awe）；
document.getElementById（“kembalian”）.innerHTML=awe；
}

您需要将其插入

demo

函数kembalian（）{ var x=document.getElementById（“小计”）.value； var y=document.getElementById（“dibayar”）.value； var awe=x-y； console.log（awe）； document.getElementById（“demo”）.innerHTML=awe； }

小计：支付：
更改：

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

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

到

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

检查Id！应该是： document.getElementById（“demo”）.innerHTML=awe

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