javascriptの入力番号の更新番号

Question

入力が変更されたときに更新する必要があるjavascriptの番号があります。

私は「量：20000」したいユーザーが入力で「30」を入力するのであれば、「量：20000」の100

を掛け#customValue入力に入力されたものを反映するために更新されると〜 '額：3000'

どのように私はこれを達成するだろうどのようなアイデアは大いに感謝します！ ：）

<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

handler変数は未定義です。以下の例では、EventListenerをPurchaseボタンに追加します。ユーザーがこのボタンをクリックすると、入力フィールドの値に100を掛けます。

入力された値が有効な整数であるかどうかを検証する必要があります。

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>