如何在将输入字段乘以2后更新输入字段

时间:2017-05-03 18:31:26

标签: javascript html

你今天好吗?我是编码的新手,但我正尽力而为。我正在尝试建立自己的个人比特币赌场网站。

我试图获取输入字段的值,然后通过单击“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>

5 个答案:

答案 0 :(得分:1)

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>

关于如何&#34; addEventListener&#34;有完整的解释。作品:  link

有关于parseInt()函数:link

如果您有任何问题,请不要害怕在评论中提问。

答案 1 :(得分:0)

你需要这样做:

问题在于您尝试使用&#34; wagerUpdate&#34;修改值。 此外,您需要将值分配给相同的输入控件,在下面的代码中为elem。

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

答案 2 :(得分:0)

需要在没有引号的情况下调用var wagerUpdate。 见下文        oFormObject.elements [&#34; wagerBox&#34;]。value = wagerUpdate;

答案 3 :(得分:0)

这将起作用

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

弗雷迪

答案 4 :(得分:0)

也许这不是你所需要的,但如果你使用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);
}

希望这可能有用。