Question

我想要的是让输入字段出现在某种弹出窗口上，用户可以在0到x之间输入一个数字，其中x是变量的当前级别。一旦用户输入一个数字，该数字就会被添加到另一个变量中。这就像在视频游戏中转移资金一样。我没有任何代码，但是如果你可以提供帮助那就太棒了。

Answer 1

这可以帮助您入门。我创建了一个可点击的标签，打开一个带有输入字段和提交按钮的弹出窗口。

我正在使用jQuery和Bootstrap。

JSFiddle：https://jsfiddle.net/Ravvy/xjz6ok62/

HTML：

<label>Money: $</label>
<label data-toggle="popover" title="Add Money" data-placement="bottom" id="moneyLabel">0.00</label>

JavaScript的：

$(document).ready(function() {
    var content = '<input id="moneyInput"></input>' + 
                  '<button id="moneyButton" ' +
                  'onclick="addMoney()">Add</button>';
    $('#moneyLabel').popover({content: content, html: true});  
});

function addMoney() {
    var currentAmount = parseFloat($('#moneyLabel').text());
    var addedAmount = parseFloat($('#moneyInput').val());
    var total = currentAmount + addedAmount;
    $('#moneyLabel').text(total);
}

如何使输入字段成为onclick

1 个答案: