Update-Nummer in Javascript auf Eingabe ändern

Question

Ich habe eine Nummer in Javascript, die ich aktualisieren muss, wenn eine Eingabe geändert wird.

Ich will ‚Menge: 20000‘ zu reflektieren, was in den #customValue Eingang von 100.

Also, wenn ein Benutzer eingegeben ‚30‘ in dem Eingang "Menge: 20000 multipliziert eingegeben wurde würde aktualisiert zu 'Menge: 3000'

Irgendwelche Ideen, wie ich dies erreichen würde, würden sehr geschätzt! :)

<input id="customValue" value="200" /> 

<button id="customButton">Purchase</button> 

<script> 
document.getElementById('customButton').addEventListener('click', function(e) { 
    handler.open({ 
    amount: 20000 
    }); 
}); 
</script> 

Answer 1

Ihre handler Variable ist nicht definiert. Im folgenden Beispiel füge ich der Schaltfläche Kaufen einen EventListener hinzu. Wenn ein Benutzer auf diese Schaltfläche klickt, wird der Wert des Eingabefeldes mit 100 multipliziert.

Sie sollten überprüfen, ob der eingegebene Wert eine gültige Ganzzahl ist.

document.getElementById('customButton').addEventListener('click', function(e) { 
 
    var customValue = document.getElementById('customValue').value; 
 
    
 
    // validate to check if customValue is a valid integer 
 
    
 
    console.log(parseInt(customValue) * 100); // log new amount to console 
 
});

<input id="customValue" value="200" /> 
 

 
<button id="customButton">Purchase</button>

Answer 2

document.getElementById('customButton').addEventListener('click', function(e) { 
 
    var value = document.getElementById("customValue").value * 100; // multiply the customValue by a 100 and assign it to the variable value 
 

 
    // use value whereever you like: 
 
    alert(value); 
 
});

<input id="customValue" value="200" /> 
 

 
<button id="customButton">Purchase</button>