更新編號在javascript輸入變化

我有一個JavaScript中的數字，我需要更改輸入時更改。更新編號在javascript輸入變化

我想「量：20000」，以反映已進入#customValue輸入乘以100

因此，如果用戶在輸入中輸入「30」，「量：20000」將更新''金額：3000'

任何想法，我會做到這一點將不勝感激！：）

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

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

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

來源

2017-04-27 Tim Donaldson

'input'是一種自行閉合的標籤，比如'img'，所以你的HTML的'200'位是沒用的。而你所要求的仍然是**模糊的**。 –

什麼樣的輸入字段在標籤之間的值爲20000和200。你是怎麼引入一個 –

來給你的數值增加一個00，如果它是一個數字，你可以乘以100，如果它是一個字符串，則使用'value +「00」'。並使用'onchange'來跟蹤值的變化 – Craicerjack

您的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>

來源

2017-04-27 12:48:14

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>

來源

2017-04-27 12:49:15

這會改變輸入字段本身的值，所以多次點擊購買會更改用戶輸入的初始值 –

這似乎對我很有用，這要感謝易卜拉欣Mahrir！ –

更新編號在javascript輸入變化

回答

相關問題