如何在將輸入字段乘以兩位後更新輸入字段

今天過得如何？我是編碼新手，但正在盡我最大的努力。我正在嘗試建立我自己的個人比特幣賭場網站。如何在將輸入字段乘以兩位後更新輸入字段

我想獲取一個輸入字段的值，然後通過點擊一個說'X2'的按鈕來將該值乘以2。然後我需要輸入字段來顯示這個新號碼，以便用戶可以下注這個尺寸。

我已經嘗試了過去3天內所能想到的一切，但仍無法做到這一點。任何和所有的幫助非常感謝。謝謝。

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>My Bitcoin Casino</title> 
</head> 

<body> 
<button type="button" onclick="MultiplyWagerFunction()">X2</button> 

<form> 
<input type="text" id="wagerBox" value="0.00000001"></form> 

<script> 
function MultiplyWagerFunction() { 
var wager = document.getElementById("wagerBox").value; 
var wagerUpdate = wager*2; 
oFormObject.elements["wagerBox"].value = 'wagerUpdate'; 
} 
</script> 
</body> 
</html>

來源

2017-05-03 Hyperius

這可能是你，因爲你是它包裹的單引號，而不是變量'wagerUpdate'值的值設置爲字符串''wagerUpdate''。 – heyitsjhu

document.getElementById("wagerBox").value = 10;

這樣你就可以設置此輸入的值，以10

我個人建議你這樣這樣做：

<!DOCTYPE html> 
<html> 
    <head> 
    </head> 
    <body> 
     <input type="text" id="wage"/> 
     <input type="button" id="timesTwo" value="X2"/> 
     <script> 
      var wageInput = document.getElementById("wage"); 
      var button = document.getElementById("timesTwo"); 
      button.addEventListener("click", function(){ 
       wageInput.value = parseInt(wageInput.value) * 2; 
      }); 
     </script> 
    </body> 
</html>

有關於如何「充分的解釋addEventListener「的作品： link

有關於parseIn t（）函數：link

如果您有任何問題，請不要在評論中提問。

來源

2017-05-03 18:34:31

謝謝，這是一個非常有趣的方法。這與我所做的完全不同，但我有把握。我有一些學習要實現這種方法。 – Hyperius

你不需要使用parseInt。這是多餘的。 –

你需要這樣做：

的問題是，你試圖用「wagerUpdate」修改數值此外，您還需要將值分配到相同的輸入控制，在下面的代碼是ELEM。

function MultiplyWagerFunction() { 
      var elem= document.getElementById("wagerBox"); 
      var wagerUpdate = elem.value * 2; 
      elem.value = wagerUpdate; 
    }

來源

2017-05-03 18:37:33

它現在的作品！我之前有類似的東西，但沒有wagerUpdate旁邊的'+'。非常感謝。我現在感覺好多了。歡呼 – Hyperius

偉大的，如果它讓你感覺更好。乾杯! :)更新了'+'部分。 –

您的var wagerUpdate需要不帶引號調用。 見下文 oFormObject.elements [「wagerBox」] .value = wagerUpdate;

來源

2017-05-03 18:38:18

這將工作

<body> 
<button type="button" onclick="MultiplyWagerFunction()">X2</button> 

<form> 
<input type="text" id="wagerBox" value="0.000001"> 
</form> 

<script> 
function MultiplyWagerFunction() { 
var wager = document.getElementById("wagerBox"); 
var wagerValue = wager.value; 
var wagerUpdate = wagerValue * 2; 
wager.value = wagerUpdate; 
} 
</script> 
</body>

弗雷迪

來源

2017-05-03 18:39:09

太好了。我真的很喜歡你在這裏做的，並且肯定會使用這個代碼。再次感謝，非常有幫助。 – Hyperius

也許這是不是你所需要的東西，但如果你使用jQuery的你可以這樣做

MultiplyWagerFunction(){ 
    var box = $("#wagerBox"); 
    box.val(box.val()*2); 
}

這裏框體定義爲包含wagerBox元素，然後函數val()以兩種不同的方式使用，它採用框中的值，乘以2，結果用於設置新的箱子的價值。

或者，如果你想成爲一個小更詳細的你也可以做

MultiplyWagerFunction(){ 
    var box = $("#wagerBox"); 
    var newValue = box.val()*2; 
    box.val(newValue); 
}

希望這可能是有用的。

來源

2017-05-03 19:05:43 adsaro

如何在將輸入字段乘以兩位後更新輸入字段

回答

相關問題