Onkeyup javascript error to calculate change

Question

Im trying to auto calculate change using javascripts when i put some number in pay the change input will auto fill with change

<!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>

SpiritOfDragon · Accepted Answer · 2020-04-07 06:28:00Z

2

you need to insert it into demo id

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>

answered Apr 7, 2020 at 6:28

SpiritOfDragon

1,4322 gold badges16 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Victor Sanborn · Accepted Answer · 2020-04-07 06:30:51Z

0

first of, if you want to set your new value in "change" you should change the

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

to

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

You can also try changing onkeyup to onchange if that still not working.

answered Apr 7, 2020 at 6:30

Victor Sanborn

214 bronze badges

Comments

Raed Addala · Accepted Answer · 2020-04-07 06:32:30Z

0

Check the Id ! It should be : document.getElementById("demo").innerHTML = awe;

answered Apr 7, 2020 at 6:32

Raed Addala

1438 bronze badges

Collectives™ on Stack Overflow

Onkeyup javascript error to calculate change

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related