1
votes

Erreur javascript Onkeyup pour calculer le changement

J'essaie de calculer automatiquement le changement à l'aide de javascripts lorsque je mets un certain nombre en paiement, l'entrée de changement se remplira automatiquement avec le changement

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

0 commentaires

3 Réponses :

2
votes

vous devez l'insérer dans la démo id

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

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

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;
}

0 commentaires

0
votes

Tout d'abord, si vous souhaitez définir votre nouvelle valeur dans "modifier", vous devez remplacer

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

par

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

Vous peut également essayer de changer onkeyup en onchange si cela ne fonctionne toujours pas.

0 commentaires

0
votes

Vérifiez l'identifiant! Ça devrait être : document.getElementById ("démo"). innerHTML = awe;

0 commentaires