入力フィールドに2を掛けて更新する方法

今日はどうですか？私はコーディングに新しいですが、最善を尽くしています。私は私の自身の個人的なbitcoinカジノのウェブサイトを造ろうとしている。入力フィールドに2を掛けて更新する方法

私は入力フィールドの値を受け取り、その値に2を掛けようとしていますが、 '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"]。値= 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つの異なる方法で使用されます。ボックス内の値をとり、2倍して結果を新しい値に設定しますボックスの値。

それとも、もう少し冗長になりたい場合にも、これは有用である可能性

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

希望を行うことができます。

出典

2017-05-03 19:05:43 adsaro

入力フィールドに2を掛けて更新する方法

答えて

関連する問題