Im essayant de calculer automatiquement le changement à l'aide de javascripts lorsque je mets un certain nombre à payer, 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>



1
Dandung Janitra N 7 avril 2020 à 09:24

3 réponses

Meilleure réponse

Vous devez l'insérer dans l'identifiant demo

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
SpiritOfDragon 7 avril 2020 à 06:28

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

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

À

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

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

0
Victor Sanborn 7 avril 2020 à 06:30

Vérifiez l'ID! Il doit être: document.getElementById ("demo"). InnerHTML = awe;

0
Raed Addala 7 avril 2020 à 06:32